HEX #2878E0 color — Royal Blue
The color #2878E0 is a dark shade and highly saturated.
Palette
2878E0 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 |
#28E0CD |
rgb(40,224,205) |
hsl(174,75%,52%) |
#2878E0 |
rgb(40,120,224) |
hsl(214,75%,52%) |
#5229E0 |
rgb(82,41,224) |
hsl(253,75%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#71A6EA |
rgb(113,166,234) |
hsl(214,74%,68%) |
#4C8FE5 |
rgb(76,143,229) |
hsl(214,75%,60%) |
#2878E0 |
rgb(40,120,224) |
hsl(214,75%,52%) |
#1B63C1 |
rgb(27,99,193) |
hsl(214,75%,43%) |
#16529C |
rgb(22,82,156) |
hsl(213,75%,35%) |
#113D77 |
rgb(17,61,119) |
hsl(214,75%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2878E0 |
rgb(40,120,224) |
hsl(214,75%,52%) |
#E03328 |
rgb(224,51,40) |
hsl(4,75%,52%) |
#D4E028 |
rgb(212,224,40) |
hsl(64,75%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2878E0 |
rgb(40,120,224) |
hsl(214,75%,52%) |
#E08F28 |
rgb(224,143,40) |
hsl(34,75%,52%) |
#28D4E0 |
rgb(40,212,224) |
hsl(184,75%,52%) |
#D4E028 |
rgb(212,224,40) |
hsl(64,75%,52%) |