HEX #2C78B1 color — Jelly Bean
The color #2C78B1 is a dark shade and moderately saturated.
Palette
2C78B1 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(206,60%,98%) |
#e2eff8 |
rgb(226,239,248) |
hsl(206,60%,93%) |
#cee3f3 |
rgb(206,227,243) |
hsl(206,60%,88%) |
#bad7ee |
rgb(186,215,238) |
hsl(206,60%,83%) |
#a5cbe9 |
rgb(165,203,233) |
hsl(206,60%,78%) |
#91c0e3 |
rgb(145,192,227) |
hsl(206,60%,73%) |
#7cb4de |
rgb(124,180,222) |
hsl(206,60%,68%) |
#68a8d9 |
rgb(104,168,217) |
hsl(206,60%,63%) |
#549cd4 |
rgb(84,156,212) |
hsl(206,60%,58%) |
#3f91cf |
rgb(63,145,207) |
hsl(206,60%,53%) |
#3184c4 |
rgb(49,132,196) |
hsl(206,60%,48%) |
#2c76af |
rgb(44,118,175) |
hsl(206,60%,43%) |
#27699b |
rgb(39,105,155) |
hsl(206,60%,38%) |
#225b87 |
rgb(34,91,135) |
hsl(206,60%,33%) |
#1d4d72 |
rgb(29,77,114) |
hsl(206,60%,28%) |
#173f5e |
rgb(23,63,94) |
hsl(206,60%,23%) |
#123249 |
rgb(18,50,73) |
hsl(206,60%,18%) |
#0d2435 |
rgb(13,36,53) |
hsl(206,60%,13%) |
#081621 |
rgb(8,22,33) |
hsl(206,60%,8%) |
#03080c |
rgb(3,8,12) |
hsl(206,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CB091 |
rgb(44,176,145) |
hsl(166,60%,43%) |
#2C78B1 |
rgb(44,120,177) |
hsl(206,60%,43%) |
#382BB1 |
rgb(56,43,177) |
hsl(246,61%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#509CD3 |
rgb(80,156,211) |
hsl(205,60%,57%) |
#338CCC |
rgb(51,140,204) |
hsl(205,60%,50%) |
#2C78B1 |
rgb(44,120,177) |
hsl(206,60%,43%) |
#246694 |
rgb(36,102,148) |
hsl(205,61%,36%) |
#1D5278 |
rgb(29,82,120) |
hsl(205,61%,29%) |
#163D5C |
rgb(22,61,92) |
hsl(207,61%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C78B1 |
rgb(44,120,177) |
hsl(206,60%,43%) |
#B12B35 |
rgb(177,43,53) |
hsl(356,61%,43%) |
#B1A82C |
rgb(177,168,44) |
hsl(56,60%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C78B1 |
rgb(44,120,177) |
hsl(206,60%,43%) |
#B1662C |
rgb(177,102,44) |
hsl(26,60%,43%) |
#2CB0A7 |
rgb(44,176,167) |
hsl(176,60%,43%) |
#B1A82C |
rgb(177,168,44) |
hsl(56,60%,43%) |