HEX #2A7AE1 color — Royal Blue
The color #2A7AE1 is a dark shade and highly saturated.
Palette
2A7AE1 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(214,75%,97%) |
#dbe9fa |
rgb(219,233,250) |
hsl(214,75%,92%) |
#c5dbf7 |
rgb(197,219,247) |
hsl(214,75%,87%) |
#afcdf4 |
rgb(175,205,244) |
hsl(214,75%,82%) |
#98bef0 |
rgb(152,190,240) |
hsl(214,75%,77%) |
#82b0ed |
rgb(130,176,237) |
hsl(214,75%,72%) |
#6ca2ea |
rgb(108,162,234) |
hsl(214,75%,67%) |
#5594e7 |
rgb(85,148,231) |
hsl(214,75%,62%) |
#3f86e4 |
rgb(63,134,228) |
hsl(214,75%,57%) |
#2978e0 |
rgb(41,120,224) |
hsl(214,75%,52%) |
#1e6cd2 |
rgb(30,108,210) |
hsl(214,75%,47%) |
#1b60bb |
rgb(27,96,187) |
hsl(214,75%,42%) |
#1855a5 |
rgb(24,85,165) |
hsl(214,75%,37%) |
#14498f |
rgb(20,73,143) |
hsl(214,75%,32%) |
#113e78 |
rgb(17,62,120) |
hsl(214,75%,27%) |
#0e3262 |
rgb(14,50,98) |
hsl(214,75%,22%) |
#0b274c |
rgb(11,39,76) |
hsl(214,75%,17%) |
#081c36 |
rgb(8,28,54) |
hsl(214,75%,12%) |
#04101f |
rgb(4,16,31) |
hsl(214,75%,7%) |
#010509 |
rgb(1,5,9) |
hsl(214,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AE0CE |
rgb(42,224,206) |
hsl(174,75%,52%) |
#2A7AE1 |
rgb(42,122,225) |
hsl(214,75%,52%) |
#5429E1 |
rgb(84,41,225) |
hsl(254,75%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#74A8EB |
rgb(116,168,235) |
hsl(214,75%,69%) |
#4F91E6 |
rgb(79,145,230) |
hsl(214,75%,61%) |
#2A7AE1 |
rgb(42,122,225) |
hsl(214,75%,52%) |
#1B66C4 |
rgb(27,102,196) |
hsl(213,76%,44%) |
#16529F |
rgb(22,82,159) |
hsl(214,76%,35%) |
#114079 |
rgb(17,64,121) |
hsl(213,75%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A7AE1 |
rgb(42,122,225) |
hsl(214,75%,52%) |
#E1362A |
rgb(225,54,42) |
hsl(4,75%,52%) |
#D5E02A |
rgb(213,224,42) |
hsl(64,75%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A7AE1 |
rgb(42,122,225) |
hsl(214,75%,52%) |
#E1912A |
rgb(225,145,42) |
hsl(34,75%,52%) |
#2AD6E1 |
rgb(42,214,225) |
hsl(184,75%,52%) |
#D5E02A |
rgb(213,224,42) |
hsl(64,75%,52%) |