HEX #2878E1 color — Royal Blue
The color #2878E1 is a dark shade and highly saturated.
Palette
2878E1 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 |
#28E0CE |
rgb(40,224,206) |
hsl(174,75%,52%) |
#2878E1 |
rgb(40,120,225) |
hsl(214,76%,52%) |
#5329E1 |
rgb(83,41,225) |
hsl(254,75%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#72A6EB |
rgb(114,166,235) |
hsl(214,75%,68%) |
#4D8FE6 |
rgb(77,143,230) |
hsl(214,75%,60%) |
#2878E1 |
rgb(40,120,225) |
hsl(214,76%,52%) |
#1B63C3 |
rgb(27,99,195) |
hsl(214,76%,44%) |
#16529E |
rgb(22,82,158) |
hsl(214,76%,35%) |
#103D78 |
rgb(16,61,120) |
hsl(214,76%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2878E1 |
rgb(40,120,225) |
hsl(214,76%,52%) |
#E13628 |
rgb(225,54,40) |
hsl(5,76%,52%) |
#D4E028 |
rgb(212,224,40) |
hsl(64,75%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2878E1 |
rgb(40,120,225) |
hsl(214,76%,52%) |
#E19128 |
rgb(225,145,40) |
hsl(34,76%,52%) |
#28D4E1 |
rgb(40,212,225) |
hsl(184,76%,52%) |
#D4E028 |
rgb(212,224,40) |
hsl(64,75%,52%) |