HEX #2A7AE3 color — Royal Blue
The color #2A7AE3 is a dark shade and highly saturated.
Palette
2A7AE3 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 |
#2AE3D0 |
rgb(42,227,208) |
hsl(174,77%,53%) |
#2A7AE3 |
rgb(42,122,227) |
hsl(214,77%,53%) |
#5529E3 |
rgb(85,41,227) |
hsl(254,77%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#76A8ED |
rgb(118,168,237) |
hsl(215,77%,70%) |
#5091E8 |
rgb(80,145,232) |
hsl(214,77%,61%) |
#2A7AE3 |
rgb(42,122,227) |
hsl(214,77%,53%) |
#1A66C7 |
rgb(26,102,199) |
hsl(214,77%,44%) |
#1552A1 |
rgb(21,82,161) |
hsl(214,77%,36%) |
#10407B |
rgb(16,64,123) |
hsl(213,77%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A7AE3 |
rgb(42,122,227) |
hsl(214,77%,53%) |
#E3362A |
rgb(227,54,42) |
hsl(4,77%,53%) |
#D6E32A |
rgb(214,227,42) |
hsl(64,77%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A7AE3 |
rgb(42,122,227) |
hsl(214,77%,53%) |
#E3942A |
rgb(227,148,42) |
hsl(34,77%,53%) |
#2AD6E3 |
rgb(42,214,227) |
hsl(184,77%,53%) |
#D6E32A |
rgb(214,227,42) |
hsl(64,77%,53%) |