HEX #2C78AA color — Jelly Bean
The color #2C78AA is a dark shade and moderately saturated.
Palette
2C78AA color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fc |
rgb(243,248,252) |
hsl(204,59%,97%) |
#dfedf7 |
rgb(223,237,247) |
hsl(204,59%,92%) |
#cae2f1 |
rgb(202,226,241) |
hsl(204,59%,87%) |
#b6d7ec |
rgb(182,215,236) |
hsl(204,59%,82%) |
#a2cbe7 |
rgb(162,203,231) |
hsl(204,59%,77%) |
#8dc0e2 |
rgb(141,192,226) |
hsl(204,59%,72%) |
#79b5dc |
rgb(121,181,220) |
hsl(204,59%,67%) |
#65aad7 |
rgb(101,170,215) |
hsl(204,59%,62%) |
#519ed2 |
rgb(81,158,210) |
hsl(204,59%,57%) |
#3c93cd |
rgb(60,147,205) |
hsl(204,59%,52%) |
#3186bf |
rgb(49,134,191) |
hsl(204,59%,47%) |
#2c78aa |
rgb(44,120,170) |
hsl(204,59%,42%) |
#276996 |
rgb(39,105,150) |
hsl(204,59%,37%) |
#215b82 |
rgb(33,91,130) |
hsl(204,59%,32%) |
#1c4d6d |
rgb(28,77,109) |
hsl(204,59%,27%) |
#173f59 |
rgb(23,63,89) |
hsl(204,59%,22%) |
#123045 |
rgb(18,48,69) |
hsl(204,59%,17%) |
#0d2231 |
rgb(13,34,49) |
hsl(204,59%,12%) |
#07141c |
rgb(7,20,28) |
hsl(204,59%,7%) |
#020608 |
rgb(2,6,8) |
hsl(204,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CAB88 |
rgb(44,171,136) |
hsl(163,59%,42%) |
#2C78AA |
rgb(44,120,170) |
hsl(204,59%,42%) |
#342BAA |
rgb(52,43,170) |
hsl(244,60%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A9CD0 |
rgb(74,156,208) |
hsl(203,59%,55%) |
#338CC5 |
rgb(51,140,197) |
hsl(203,59%,49%) |
#2C78AA |
rgb(44,120,170) |
hsl(204,59%,42%) |
#24668E |
rgb(36,102,142) |
hsl(203,60%,35%) |
#1D5273 |
rgb(29,82,115) |
hsl(203,60%,28%) |
#163D58 |
rgb(22,61,88) |
hsl(205,60%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C78AA |
rgb(44,120,170) |
hsl(204,59%,42%) |
#AA2B39 |
rgb(170,43,57) |
hsl(353,60%,42%) |
#AA9E2C |
rgb(170,158,44) |
hsl(54,59%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C78AA |
rgb(44,120,170) |
hsl(204,59%,42%) |
#AA5E2C |
rgb(170,94,44) |
hsl(24,59%,42%) |
#2CAB9D |
rgb(44,171,157) |
hsl(173,59%,42%) |
#AA9E2C |
rgb(170,158,44) |
hsl(54,59%,42%) |