HEX #2878E4 color — Royal Blue
The color #2878E4 is a dark shade and highly saturated.
Palette
2878E4 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(214,78%,98%) |
#dfebfb |
rgb(223,235,251) |
hsl(214,78%,93%) |
#c9ddf8 |
rgb(201,221,248) |
hsl(214,78%,88%) |
#b2cff5 |
rgb(178,207,245) |
hsl(214,78%,83%) |
#9bc1f3 |
rgb(155,193,243) |
hsl(214,78%,78%) |
#84b3f0 |
rgb(132,179,240) |
hsl(214,78%,73%) |
#6ea5ed |
rgb(110,165,237) |
hsl(214,78%,68%) |
#5797ea |
rgb(87,151,234) |
hsl(214,78%,63%) |
#4089e7 |
rgb(64,137,231) |
hsl(214,78%,58%) |
#2a7be5 |
rgb(42,123,229) |
hsl(214,78%,53%) |
#1b6eda |
rgb(27,110,218) |
hsl(214,78%,48%) |
#1862c3 |
rgb(24,98,195) |
hsl(214,78%,43%) |
#1557ac |
rgb(21,87,172) |
hsl(214,78%,38%) |
#134b96 |
rgb(19,75,150) |
hsl(214,78%,33%) |
#10407f |
rgb(16,64,127) |
hsl(214,78%,28%) |
#0d3568 |
rgb(13,53,104) |
hsl(214,78%,23%) |
#0a2952 |
rgb(10,41,82) |
hsl(214,78%,18%) |
#071e3b |
rgb(7,30,59) |
hsl(214,78%,13%) |
#041224 |
rgb(4,18,36) |
hsl(214,78%,8%) |
#02070e |
rgb(2,7,14) |
hsl(214,78%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#28E3D2 |
rgb(40,227,210) |
hsl(175,77%,52%) |
#2878E4 |
rgb(40,120,228) |
hsl(214,78%,53%) |
#5529E4 |
rgb(85,41,228) |
hsl(254,78%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#74A8ED |
rgb(116,168,237) |
hsl(214,77%,69%) |
#4E8FE8 |
rgb(78,143,232) |
hsl(215,77%,61%) |
#2878E4 |
rgb(40,120,228) |
hsl(214,78%,53%) |
#1963C8 |
rgb(25,99,200) |
hsl(215,78%,44%) |
#1452A1 |
rgb(20,82,161) |
hsl(214,78%,35%) |
#0F3D7B |
rgb(15,61,123) |
hsl(214,78%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2878E4 |
rgb(40,120,228) |
hsl(214,78%,53%) |
#E43628 |
rgb(228,54,40) |
hsl(4,78%,53%) |
#D6E328 |
rgb(214,227,40) |
hsl(64,77%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2878E4 |
rgb(40,120,228) |
hsl(214,78%,53%) |
#E49428 |
rgb(228,148,40) |
hsl(34,78%,53%) |
#28D6E4 |
rgb(40,214,228) |
hsl(184,78%,53%) |
#D6E328 |
rgb(214,227,40) |
hsl(64,77%,52%) |