HEX #2A7AE4 color — Royal Blue
The color #2A7AE4 is a dark shade and highly saturated.
Palette
2A7AE4 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(214,78%,98%) |
#dfebfb |
rgb(223,235,251) |
hsl(214,78%,93%) |
#c9ddf8 |
rgb(201,221,248) |
hsl(214,78%,88%) |
#b2cff5 |
rgb(178,207,245) |
hsl(214,78%,83%) |
#9bc1f3 |
rgb(155,193,243) |
hsl(214,78%,78%) |
#84b3f0 |
rgb(132,179,240) |
hsl(214,78%,73%) |
#6ea5ed |
rgb(110,165,237) |
hsl(214,78%,68%) |
#5797ea |
rgb(87,151,234) |
hsl(214,78%,63%) |
#4089e7 |
rgb(64,137,231) |
hsl(214,78%,58%) |
#2a7be5 |
rgb(42,123,229) |
hsl(214,78%,53%) |
#1b6eda |
rgb(27,110,218) |
hsl(214,78%,48%) |
#1862c3 |
rgb(24,98,195) |
hsl(214,78%,43%) |
#1557ac |
rgb(21,87,172) |
hsl(214,78%,38%) |
#134b96 |
rgb(19,75,150) |
hsl(214,78%,33%) |
#10407f |
rgb(16,64,127) |
hsl(214,78%,28%) |
#0d3568 |
rgb(13,53,104) |
hsl(214,78%,23%) |
#0a2952 |
rgb(10,41,82) |
hsl(214,78%,18%) |
#071e3b |
rgb(7,30,59) |
hsl(214,78%,13%) |
#041224 |
rgb(4,18,36) |
hsl(214,78%,8%) |
#02070e |
rgb(2,7,14) |
hsl(214,78%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AE3D2 |
rgb(42,227,210) |
hsl(174,77%,53%) |
#2A7AE4 |
rgb(42,122,228) |
hsl(214,78%,53%) |
#5629E4 |
rgb(86,41,228) |
hsl(254,78%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#76ABED |
rgb(118,171,237) |
hsl(213,77%,70%) |
#5091E8 |
rgb(80,145,232) |
hsl(214,77%,61%) |
#2A7AE4 |
rgb(42,122,228) |
hsl(214,78%,53%) |
#1966C9 |
rgb(25,102,201) |
hsl(214,78%,44%) |
#1452A2 |
rgb(20,82,162) |
hsl(214,78%,36%) |
#0F407C |
rgb(15,64,124) |
hsl(213,78%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A7AE4 |
rgb(42,122,228) |
hsl(214,78%,53%) |
#E4382A |
rgb(228,56,42) |
hsl(5,78%,53%) |
#D7E32A |
rgb(215,227,42) |
hsl(64,77%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A7AE4 |
rgb(42,122,228) |
hsl(214,78%,53%) |
#E4942A |
rgb(228,148,42) |
hsl(34,78%,53%) |
#2AD6E4 |
rgb(42,214,228) |
hsl(185,78%,53%) |
#D7E32A |
rgb(215,227,42) |
hsl(64,77%,53%) |