HEX #2878E3 color — Royal Blue
The color #2878E3 is a dark shade and highly saturated.
Palette
2878E3 color palette from light to dark
HEX |
RGB |
HSL |
#f1f7fd |
rgb(241,247,253) |
hsl(214,77%,97%) |
#dbe9fa |
rgb(219,233,250) |
hsl(214,77%,92%) |
#c4daf7 |
rgb(196,218,247) |
hsl(214,77%,87%) |
#aeccf4 |
rgb(174,204,244) |
hsl(214,77%,82%) |
#97bef2 |
rgb(151,190,242) |
hsl(214,77%,77%) |
#81b0ef |
rgb(129,176,239) |
hsl(214,77%,72%) |
#6aa2ec |
rgb(106,162,236) |
hsl(214,77%,67%) |
#5394e9 |
rgb(83,148,233) |
hsl(214,77%,62%) |
#3d86e6 |
rgb(61,134,230) |
hsl(214,77%,57%) |
#2678e3 |
rgb(38,120,227) |
hsl(214,77%,52%) |
#1c6cd4 |
rgb(28,108,212) |
hsl(214,77%,47%) |
#1960be |
rgb(25,96,190) |
hsl(214,77%,42%) |
#1655a7 |
rgb(22,85,167) |
hsl(214,77%,37%) |
#134990 |
rgb(19,73,144) |
hsl(214,77%,32%) |
#103e7a |
rgb(16,62,122) |
hsl(214,77%,27%) |
#0d3263 |
rgb(13,50,99) |
hsl(214,77%,22%) |
#0a274d |
rgb(10,39,77) |
hsl(214,77%,17%) |
#071b36 |
rgb(7,27,54) |
hsl(214,77%,12%) |
#041020 |
rgb(4,16,32) |
hsl(214,77%,7%) |
#010509 |
rgb(1,5,9) |
hsl(214,77%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#28E3D1 |
rgb(40,227,209) |
hsl(174,77%,52%) |
#2878E3 |
rgb(40,120,227) |
hsl(214,77%,52%) |
#5429E3 |
rgb(84,41,227) |
hsl(254,77%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#73A8EC |
rgb(115,168,236) |
hsl(214,76%,69%) |
#4D8FE7 |
rgb(77,143,231) |
hsl(214,76%,60%) |
#2878E3 |
rgb(40,120,227) |
hsl(214,77%,52%) |
#1963C6 |
rgb(25,99,198) |
hsl(214,78%,44%) |
#1452A0 |
rgb(20,82,160) |
hsl(213,78%,35%) |
#103D7A |
rgb(16,61,122) |
hsl(215,77%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2878E3 |
rgb(40,120,227) |
hsl(214,77%,52%) |
#E33628 |
rgb(227,54,40) |
hsl(4,77%,52%) |
#D5E328 |
rgb(213,227,40) |
hsl(64,77%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2878E3 |
rgb(40,120,227) |
hsl(214,77%,52%) |
#E39428 |
rgb(227,148,40) |
hsl(35,77%,52%) |
#28D6E3 |
rgb(40,214,227) |
hsl(184,77%,52%) |
#D5E328 |
rgb(213,227,40) |
hsl(64,77%,52%) |