HEX #2D78AA color — Jelly Bean
The color #2D78AA is a dark shade and moderately saturated.
Palette
2D78AA color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fc |
rgb(243,248,252) |
hsl(204,58%,97%) |
#dfedf6 |
rgb(223,237,246) |
hsl(204,58%,92%) |
#cbe2f1 |
rgb(203,226,241) |
hsl(204,58%,87%) |
#b6d6ec |
rgb(182,214,236) |
hsl(204,58%,82%) |
#a2cbe6 |
rgb(162,203,230) |
hsl(204,58%,77%) |
#8ec0e1 |
rgb(142,192,225) |
hsl(204,58%,72%) |
#7ab5dc |
rgb(122,181,220) |
hsl(204,58%,67%) |
#66a9d6 |
rgb(102,169,214) |
hsl(204,58%,62%) |
#529ed1 |
rgb(82,158,209) |
hsl(204,58%,57%) |
#3e93cc |
rgb(62,147,204) |
hsl(204,58%,52%) |
#3286bd |
rgb(50,134,189) |
hsl(204,58%,47%) |
#2d78a9 |
rgb(45,120,169) |
hsl(204,58%,42%) |
#286995 |
rgb(40,105,149) |
hsl(204,58%,37%) |
#225b81 |
rgb(34,91,129) |
hsl(204,58%,32%) |
#1d4d6d |
rgb(29,77,109) |
hsl(204,58%,27%) |
#183f59 |
rgb(24,63,89) |
hsl(204,58%,22%) |
#123044 |
rgb(18,48,68) |
hsl(204,58%,17%) |
#0d2230 |
rgb(13,34,48) |
hsl(204,58%,12%) |
#07141c |
rgb(7,20,28) |
hsl(204,58%,7%) |
#020608 |
rgb(2,6,8) |
hsl(204,58%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2DAB88 |
rgb(45,171,136) |
hsl(163,58%,42%) |
#2D78AA |
rgb(45,120,170) |
hsl(204,58%,42%) |
#352EAA |
rgb(53,46,170) |
hsl(243,57%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4C9CCF |
rgb(76,156,207) |
hsl(203,58%,55%) |
#348CC5 |
rgb(52,140,197) |
hsl(204,58%,49%) |
#2D78AA |
rgb(45,120,170) |
hsl(204,58%,42%) |
#25668E |
rgb(37,102,142) |
hsl(203,59%,35%) |
#1E5273 |
rgb(30,82,115) |
hsl(203,59%,28%) |
#173D58 |
rgb(23,61,88) |
hsl(205,59%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D78AA |
rgb(45,120,170) |
hsl(204,58%,42%) |
#AA2E39 |
rgb(170,46,57) |
hsl(355,57%,42%) |
#AA9E2D |
rgb(170,158,45) |
hsl(54,58%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D78AA |
rgb(45,120,170) |
hsl(204,58%,42%) |
#AA5E2D |
rgb(170,94,45) |
hsl(24,58%,42%) |
#2DAB9D |
rgb(45,171,157) |
hsl(173,58%,42%) |
#AA9E2D |
rgb(170,158,45) |
hsl(54,58%,42%) |