HEX #2A7AE5 color — Royal Blue
The color #2A7AE5 is a dark shade and highly saturated.
Palette
2A7AE5 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 |
#2AE6D3 |
rgb(42,230,211) |
hsl(174,79%,53%) |
#2A7AE5 |
rgb(42,122,229) |
hsl(214,78%,53%) |
#5629E5 |
rgb(86,41,229) |
hsl(254,78%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#77ABEE |
rgb(119,171,238) |
hsl(214,78%,70%) |
#5091E9 |
rgb(80,145,233) |
hsl(215,78%,61%) |
#2A7AE5 |
rgb(42,122,229) |
hsl(214,78%,53%) |
#1866CA |
rgb(24,102,202) |
hsl(214,79%,44%) |
#1452A4 |
rgb(20,82,164) |
hsl(214,78%,36%) |
#0F407D |
rgb(15,64,125) |
hsl(213,79%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A7AE5 |
rgb(42,122,229) |
hsl(214,78%,53%) |
#E5382A |
rgb(229,56,42) |
hsl(4,78%,53%) |
#D7E62A |
rgb(215,230,42) |
hsl(65,79%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A7AE5 |
rgb(42,122,229) |
hsl(214,78%,53%) |
#E5942A |
rgb(229,148,42) |
hsl(34,78%,53%) |
#2AD9E5 |
rgb(42,217,229) |
hsl(184,78%,53%) |
#D7E62A |
rgb(215,230,42) |
hsl(65,79%,53%) |