HEX #2C7AE3 color — Royal Blue
The color #2C7AE3 is a dark shade and highly saturated.
Palette
2C7AE3 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(214,77%,98%) |
#dfebfb |
rgb(223,235,251) |
hsl(214,77%,93%) |
#c9ddf8 |
rgb(201,221,248) |
hsl(214,77%,88%) |
#b2cff5 |
rgb(178,207,245) |
hsl(214,77%,83%) |
#9cc1f2 |
rgb(156,193,242) |
hsl(214,77%,78%) |
#85b3ef |
rgb(133,179,239) |
hsl(214,77%,73%) |
#6fa5ec |
rgb(111,165,236) |
hsl(214,77%,68%) |
#5897e9 |
rgb(88,151,233) |
hsl(214,77%,63%) |
#4189e6 |
rgb(65,137,230) |
hsl(214,77%,58%) |
#2b7be3 |
rgb(43,123,227) |
hsl(214,77%,53%) |
#1c6ed9 |
rgb(28,110,217) |
hsl(214,77%,48%) |
#1962c2 |
rgb(25,98,194) |
hsl(214,77%,43%) |
#1657ac |
rgb(22,87,172) |
hsl(214,77%,38%) |
#134c95 |
rgb(19,76,149) |
hsl(214,77%,33%) |
#10407e |
rgb(16,64,126) |
hsl(214,77%,28%) |
#0d3568 |
rgb(13,53,104) |
hsl(214,77%,23%) |
#0b2951 |
rgb(11,41,81) |
hsl(214,77%,18%) |
#081e3b |
rgb(8,30,59) |
hsl(214,77%,13%) |
#051224 |
rgb(5,18,36) |
hsl(214,77%,8%) |
#02070e |
rgb(2,7,14) |
hsl(214,77%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CE3D2 |
rgb(44,227,210) |
hsl(174,77%,53%) |
#2C7AE3 |
rgb(44,122,227) |
hsl(214,77%,53%) |
#582BE3 |
rgb(88,43,227) |
hsl(255,77%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#78ABED |
rgb(120,171,237) |
hsl(214,76%,70%) |
#5291E8 |
rgb(82,145,232) |
hsl(215,77%,62%) |
#2C7AE3 |
rgb(44,122,227) |
hsl(214,77%,53%) |
#1A66C8 |
rgb(26,102,200) |
hsl(214,77%,44%) |
#1552A2 |
rgb(21,82,162) |
hsl(214,77%,36%) |
#10407C |
rgb(16,64,124) |
hsl(213,77%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C7AE3 |
rgb(44,122,227) |
hsl(214,77%,53%) |
#E33B2C |
rgb(227,59,44) |
hsl(5,77%,53%) |
#D5E32C |
rgb(213,227,44) |
hsl(65,77%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C7AE3 |
rgb(44,122,227) |
hsl(214,77%,53%) |
#E3942C |
rgb(227,148,44) |
hsl(34,77%,53%) |
#2CD6E3 |
rgb(44,214,227) |
hsl(184,77%,53%) |
#D5E32C |
rgb(213,227,44) |
hsl(65,77%,53%) |