HEX #2C78A8 color — Jelly Bean
The color #2C78A8 is a dark shade and moderately saturated.
Palette
2C78A8 color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fc |
rgb(243,248,252) |
hsl(203,58%,97%) |
#dfedf6 |
rgb(223,237,246) |
hsl(203,58%,92%) |
#cbe2f1 |
rgb(203,226,241) |
hsl(203,58%,87%) |
#b6d7ec |
rgb(182,215,236) |
hsl(203,58%,82%) |
#a2cce6 |
rgb(162,204,230) |
hsl(203,58%,77%) |
#8ec1e1 |
rgb(142,193,225) |
hsl(203,58%,72%) |
#7ab6dc |
rgb(122,182,220) |
hsl(203,58%,67%) |
#66abd6 |
rgb(102,171,214) |
hsl(203,58%,62%) |
#52a0d1 |
rgb(82,160,209) |
hsl(203,58%,57%) |
#3e95cc |
rgb(62,149,204) |
hsl(203,58%,52%) |
#3288bd |
rgb(50,136,189) |
hsl(203,58%,47%) |
#2d7aa9 |
rgb(45,122,169) |
hsl(203,58%,42%) |
#286b95 |
rgb(40,107,149) |
hsl(203,58%,37%) |
#225d81 |
rgb(34,93,129) |
hsl(203,58%,32%) |
#1d4e6d |
rgb(29,78,109) |
hsl(203,58%,27%) |
#184059 |
rgb(24,64,89) |
hsl(203,58%,22%) |
#123144 |
rgb(18,49,68) |
hsl(203,58%,17%) |
#0d2330 |
rgb(13,35,48) |
hsl(203,58%,12%) |
#07141c |
rgb(7,20,28) |
hsl(203,58%,7%) |
#020608 |
rgb(2,6,8) |
hsl(203,58%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CA885 |
rgb(44,168,133) |
hsl(163,58%,42%) |
#2C78A8 |
rgb(44,120,168) |
hsl(203,58%,42%) |
#322BA8 |
rgb(50,43,168) |
hsl(243,59%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#489CCF |
rgb(72,156,207) |
hsl(203,58%,55%) |
#338CC2 |
rgb(51,140,194) |
hsl(203,58%,48%) |
#2C78A8 |
rgb(44,120,168) |
hsl(203,58%,42%) |
#24668D |
rgb(36,102,141) |
hsl(202,59%,35%) |
#1D5272 |
rgb(29,82,114) |
hsl(203,59%,28%) |
#163D57 |
rgb(22,61,87) |
hsl(204,60%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C78A8 |
rgb(44,120,168) |
hsl(203,58%,42%) |
#A82B3A |
rgb(168,43,58) |
hsl(353,59%,41%) |
#A8992C |
rgb(168,153,44) |
hsl(53,58%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C78A8 |
rgb(44,120,168) |
hsl(203,58%,42%) |
#A85C2C |
rgb(168,92,44) |
hsl(23,58%,42%) |
#2CA89A |
rgb(44,168,154) |
hsl(173,58%,42%) |
#A8992C |
rgb(168,153,44) |
hsl(53,58%,42%) |