HEX #2D78A9 color — Jelly Bean
The color #2d78a9 is a dark shade and moderately saturated.
Palette
2d78a9 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 |
#2DA887 |
rgb(45,168,135) |
hsl(164,58%,42%) |
#2D78A9 |
rgb(45,120,169) |
hsl(204,58%,42%) |
#342EA9 |
rgb(52,46,169) |
hsl(243,57%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B9CCF |
rgb(75,156,207) |
hsl(203,58%,55%) |
#348CC4 |
rgb(52,140,196) |
hsl(203,58%,49%) |
#2D78A9 |
rgb(45,120,169) |
hsl(204,58%,42%) |
#25668D |
rgb(37,102,141) |
hsl(203,58%,35%) |
#1E5272 |
rgb(30,82,114) |
hsl(203,58%,28%) |
#173D57 |
rgb(23,61,87) |
hsl(204,58%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D78A9 |
rgb(45,120,169) |
hsl(204,58%,42%) |
#A92E3A |
rgb(169,46,58) |
hsl(354,57%,42%) |
#A99C2D |
rgb(169,156,45) |
hsl(54,58%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D78A9 |
rgb(45,120,169) |
hsl(204,58%,42%) |
#A95E2D |
rgb(169,94,45) |
hsl(24,58%,42%) |
#2DA89C |
rgb(45,168,156) |
hsl(174,58%,42%) |
#A99C2D |
rgb(169,156,45) |
hsl(54,58%,42%) |