HEX #2C78AB color — Jelly Bean
The color #2C78AB is a dark shade and moderately saturated.
Palette
2C78AB 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 |
#2CAB89 |
rgb(44,171,137) |
hsl(164,59%,42%) |
#2C78AB |
rgb(44,120,171) |
hsl(204,59%,42%) |
#342BAB |
rgb(52,43,171) |
hsl(244,60%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B9CD0 |
rgb(75,156,208) |
hsl(203,59%,55%) |
#338CC6 |
rgb(51,140,198) |
hsl(204,59%,49%) |
#2C78AB |
rgb(44,120,171) |
hsl(204,59%,42%) |
#24668F |
rgb(36,102,143) |
hsl(203,60%,35%) |
#1D5274 |
rgb(29,82,116) |
hsl(203,60%,28%) |
#163D58 |
rgb(22,61,88) |
hsl(205,60%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C78AB |
rgb(44,120,171) |
hsl(204,59%,42%) |
#AB2B38 |
rgb(171,43,56) |
hsl(354,60%,42%) |
#AB9E2C |
rgb(171,158,44) |
hsl(54,59%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C78AB |
rgb(44,120,171) |
hsl(204,59%,42%) |
#AB5E2C |
rgb(171,94,44) |
hsl(24,59%,42%) |
#2CAB9E |
rgb(44,171,158) |
hsl(174,59%,42%) |
#AB9E2C |
rgb(171,158,44) |
hsl(54,59%,42%) |