HEX #2878B0 color — Jelly Bean
The color #2878B0 is a dark shade and moderately saturated.
Palette
2878B0 color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fc |
rgb(243,248,252) |
hsl(205,63%,97%) |
#deedf7 |
rgb(222,237,247) |
hsl(205,63%,92%) |
#c9e1f3 |
rgb(201,225,243) |
hsl(205,63%,87%) |
#b4d6ee |
rgb(180,214,238) |
hsl(205,63%,82%) |
#9fcbe9 |
rgb(159,203,233) |
hsl(205,63%,77%) |
#8bbfe5 |
rgb(139,191,229) |
hsl(205,63%,72%) |
#76b4e0 |
rgb(118,180,224) |
hsl(205,63%,67%) |
#61a8db |
rgb(97,168,219) |
hsl(205,63%,62%) |
#4c9dd6 |
rgb(76,157,214) |
hsl(205,63%,57%) |
#3791d2 |
rgb(55,145,210) |
hsl(205,63%,52%) |
#2c84c3 |
rgb(44,132,195) |
hsl(205,63%,47%) |
#2876af |
rgb(40,118,175) |
hsl(205,63%,42%) |
#23689a |
rgb(35,104,154) |
hsl(205,63%,37%) |
#1e5a85 |
rgb(30,90,133) |
hsl(205,63%,32%) |
#194c70 |
rgb(25,76,112) |
hsl(205,63%,27%) |
#153e5b |
rgb(21,62,91) |
hsl(205,63%,22%) |
#103047 |
rgb(16,48,71) |
hsl(205,63%,17%) |
#0b2232 |
rgb(11,34,50) |
hsl(205,63%,12%) |
#07141d |
rgb(7,20,29) |
hsl(205,63%,7%) |
#020608 |
rgb(2,6,8) |
hsl(205,63%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#28B08D |
rgb(40,176,141) |
hsl(165,63%,42%) |
#2878B0 |
rgb(40,120,176) |
hsl(205,63%,42%) |
#3229B0 |
rgb(50,41,176) |
hsl(244,62%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#479CD5 |
rgb(71,156,213) |
hsl(204,63%,56%) |
#2E8CCC |
rgb(46,140,204) |
hsl(204,63%,49%) |
#2878B0 |
rgb(40,120,176) |
hsl(205,63%,42%) |
#216693 |
rgb(33,102,147) |
hsl(204,63%,35%) |
#1B5277 |
rgb(27,82,119) |
hsl(204,63%,29%) |
#143D5B |
rgb(20,61,91) |
hsl(205,64%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2878B0 |
rgb(40,120,176) |
hsl(205,63%,42%) |
#B02934 |
rgb(176,41,52) |
hsl(355,62%,43%) |
#B0A328 |
rgb(176,163,40) |
hsl(54,63%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2878B0 |
rgb(40,120,176) |
hsl(205,63%,42%) |
#B06128 |
rgb(176,97,40) |
hsl(25,63%,42%) |
#28B0A4 |
rgb(40,176,164) |
hsl(175,63%,42%) |
#B0A328 |
rgb(176,163,40) |
hsl(54,63%,42%) |