HEX #2878E2 color — Royal Blue
The color #2878E2 is a dark shade and highly saturated.
Palette
2878E2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(214,76%,97%) |
#dbe9fa |
rgb(219,233,250) |
hsl(214,76%,92%) |
#c5daf7 |
rgb(197,218,247) |
hsl(214,76%,87%) |
#aeccf4 |
rgb(174,204,244) |
hsl(214,76%,82%) |
#98bef1 |
rgb(152,190,241) |
hsl(214,76%,77%) |
#81b0ee |
rgb(129,176,238) |
hsl(214,76%,72%) |
#6ba2eb |
rgb(107,162,235) |
hsl(214,76%,67%) |
#5494e8 |
rgb(84,148,232) |
hsl(214,76%,62%) |
#3e86e5 |
rgb(62,134,229) |
hsl(214,76%,57%) |
#2878e2 |
rgb(40,120,226) |
hsl(214,76%,52%) |
#1d6cd3 |
rgb(29,108,211) |
hsl(214,76%,47%) |
#1a60bc |
rgb(26,96,188) |
hsl(214,76%,42%) |
#1755a6 |
rgb(23,85,166) |
hsl(214,76%,37%) |
#144990 |
rgb(20,73,144) |
hsl(214,76%,32%) |
#113e79 |
rgb(17,62,121) |
hsl(214,76%,27%) |
#0d3263 |
rgb(13,50,99) |
hsl(214,76%,22%) |
#0a274c |
rgb(10,39,76) |
hsl(214,76%,17%) |
#071b36 |
rgb(7,27,54) |
hsl(214,76%,12%) |
#04101f |
rgb(4,16,31) |
hsl(214,76%,7%) |
#010509 |
rgb(1,5,9) |
hsl(214,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#28E3D0 |
rgb(40,227,208) |
hsl(174,77%,52%) |
#2878E2 |
rgb(40,120,226) |
hsl(214,76%,52%) |
#5429E2 |
rgb(84,41,226) |
hsl(254,76%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#73A8EC |
rgb(115,168,236) |
hsl(214,76%,69%) |
#4D8FE7 |
rgb(77,143,231) |
hsl(214,76%,60%) |
#2878E2 |
rgb(40,120,226) |
hsl(214,76%,52%) |
#1A63C4 |
rgb(26,99,196) |
hsl(214,77%,44%) |
#15529F |
rgb(21,82,159) |
hsl(213,77%,35%) |
#103D79 |
rgb(16,61,121) |
hsl(214,77%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2878E2 |
rgb(40,120,226) |
hsl(214,76%,52%) |
#E23628 |
rgb(226,54,40) |
hsl(5,76%,52%) |
#D5E328 |
rgb(213,227,40) |
hsl(64,77%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2878E2 |
rgb(40,120,226) |
hsl(214,76%,52%) |
#E29128 |
rgb(226,145,40) |
hsl(34,76%,52%) |
#28D6E2 |
rgb(40,214,226) |
hsl(184,76%,52%) |
#D5E328 |
rgb(213,227,40) |
hsl(64,77%,52%) |