HEX #2C7AE1 color — Royal Blue
The color #2C7AE1 is a dark shade and moderately saturated.
Palette
2C7AE1 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(214,75%,98%) |
#e0ebfb |
rgb(224,235,251) |
hsl(214,75%,93%) |
#c9ddf7 |
rgb(201,221,247) |
hsl(214,75%,88%) |
#b3cff4 |
rgb(179,207,244) |
hsl(214,75%,83%) |
#9dc1f1 |
rgb(157,193,241) |
hsl(214,75%,78%) |
#87b3ee |
rgb(135,179,238) |
hsl(214,75%,73%) |
#70a5eb |
rgb(112,165,235) |
hsl(214,75%,68%) |
#5a97e7 |
rgb(90,151,231) |
hsl(214,75%,63%) |
#4489e4 |
rgb(68,137,228) |
hsl(214,75%,58%) |
#2d7be1 |
rgb(45,123,225) |
hsl(214,75%,53%) |
#1f6ed6 |
rgb(31,110,214) |
hsl(214,75%,48%) |
#1b63c0 |
rgb(27,99,192) |
hsl(214,75%,43%) |
#1857aa |
rgb(24,87,170) |
hsl(214,75%,38%) |
#154c93 |
rgb(21,76,147) |
hsl(214,75%,33%) |
#12407d |
rgb(18,64,125) |
hsl(214,75%,28%) |
#0f3567 |
rgb(15,53,103) |
hsl(214,75%,23%) |
#0b2950 |
rgb(11,41,80) |
hsl(214,75%,18%) |
#081e3a |
rgb(8,30,58) |
hsl(214,75%,13%) |
#051224 |
rgb(5,18,36) |
hsl(214,75%,8%) |
#02070d |
rgb(2,7,13) |
hsl(214,75%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CE0CF |
rgb(44,224,207) |
hsl(174,74%,53%) |
#2C7AE1 |
rgb(44,122,225) |
hsl(214,75%,53%) |
#562BE1 |
rgb(86,43,225) |
hsl(254,75%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#77A8EB |
rgb(119,168,235) |
hsl(215,74%,69%) |
#5191E6 |
rgb(81,145,230) |
hsl(214,75%,61%) |
#2C7AE1 |
rgb(44,122,225) |
hsl(214,75%,53%) |
#1C66C5 |
rgb(28,102,197) |
hsl(214,75%,44%) |
#1652A0 |
rgb(22,82,160) |
hsl(214,76%,36%) |
#11407A |
rgb(17,64,122) |
hsl(213,76%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C7AE1 |
rgb(44,122,225) |
hsl(214,75%,53%) |
#E1382C |
rgb(225,56,44) |
hsl(4,75%,53%) |
#D4E02C |
rgb(212,224,44) |
hsl(64,74%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C7AE1 |
rgb(44,122,225) |
hsl(214,75%,53%) |
#E1942C |
rgb(225,148,44) |
hsl(34,75%,53%) |
#2CD4E1 |
rgb(44,212,225) |
hsl(184,75%,53%) |
#D4E02C |
rgb(212,224,44) |
hsl(64,74%,53%) |