HEX #2B78AC color — Jelly Bean
The color #2B78AC is a dark shade and moderately saturated.
Palette
2B78AC color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fc |
rgb(243,248,252) |
hsl(204,60%,97%) |
#deedf7 |
rgb(222,237,247) |
hsl(204,60%,92%) |
#cae2f2 |
rgb(202,226,242) |
hsl(204,60%,87%) |
#b6d7ed |
rgb(182,215,237) |
hsl(204,60%,82%) |
#a1cbe8 |
rgb(161,203,232) |
hsl(204,60%,77%) |
#8dc0e2 |
rgb(141,192,226) |
hsl(204,60%,72%) |
#78b5dd |
rgb(120,181,221) |
hsl(204,60%,67%) |
#64aad8 |
rgb(100,170,216) |
hsl(204,60%,62%) |
#509fd3 |
rgb(80,159,211) |
hsl(204,60%,57%) |
#3b93ce |
rgb(59,147,206) |
hsl(204,60%,52%) |
#3086c0 |
rgb(48,134,192) |
hsl(204,60%,47%) |
#2b78ab |
rgb(43,120,171) |
hsl(204,60%,42%) |
#266a97 |
rgb(38,106,151) |
hsl(204,60%,37%) |
#215b83 |
rgb(33,91,131) |
hsl(204,60%,32%) |
#1c4d6e |
rgb(28,77,110) |
hsl(204,60%,27%) |
#163f5a |
rgb(22,63,90) |
hsl(204,60%,22%) |
#113145 |
rgb(17,49,69) |
hsl(204,60%,17%) |
#0c2231 |
rgb(12,34,49) |
hsl(204,60%,12%) |
#07141d |
rgb(7,20,29) |
hsl(204,60%,7%) |
#020608 |
rgb(2,6,8) |
hsl(204,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2BAB8A |
rgb(43,171,138) |
hsl(165,60%,42%) |
#2B78AC |
rgb(43,120,172) |
hsl(204,60%,42%) |
#342BAC |
rgb(52,43,172) |
hsl(244,60%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A9CD1 |
rgb(74,156,209) |
hsl(204,59%,55%) |
#318CC7 |
rgb(49,140,199) |
hsl(204,60%,49%) |
#2B78AC |
rgb(43,120,172) |
hsl(204,60%,42%) |
#246690 |
rgb(36,102,144) |
hsl(203,60%,35%) |
#1D5274 |
rgb(29,82,116) |
hsl(203,60%,28%) |
#163D59 |
rgb(22,61,89) |
hsl(205,60%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2B78AC |
rgb(43,120,172) |
hsl(204,60%,42%) |
#AC2B37 |
rgb(172,43,55) |
hsl(354,60%,42%) |
#ACA12B |
rgb(172,161,43) |
hsl(55,60%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2B78AC |
rgb(43,120,172) |
hsl(204,60%,42%) |
#AC5E2B |
rgb(172,94,43) |
hsl(24,60%,42%) |
#2BAB9F |
rgb(43,171,159) |
hsl(174,60%,42%) |
#ACA12B |
rgb(172,161,43) |
hsl(55,60%,42%) |