HEX #2C78B2 color — Jelly Bean
The color #2C78B2 is a dark shade and moderately saturated.
Palette
2C78B2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(206,60%,99%) |
#e7f1f9 |
rgb(231,241,249) |
hsl(206,60%,94%) |
#d2e5f4 |
rgb(210,229,244) |
hsl(206,60%,89%) |
#bed9ef |
rgb(190,217,239) |
hsl(206,60%,84%) |
#a9ceea |
rgb(169,206,234) |
hsl(206,60%,79%) |
#95c2e4 |
rgb(149,194,228) |
hsl(206,60%,74%) |
#81b6df |
rgb(129,182,223) |
hsl(206,60%,69%) |
#6cabda |
rgb(108,171,218) |
hsl(206,60%,64%) |
#589fd5 |
rgb(88,159,213) |
hsl(206,60%,59%) |
#4393d0 |
rgb(67,147,208) |
hsl(206,60%,54%) |
#3287c8 |
rgb(50,135,200) |
hsl(206,60%,49%) |
#2d79b4 |
rgb(45,121,180) |
hsl(206,60%,44%) |
#286b9f |
rgb(40,107,159) |
hsl(206,60%,39%) |
#235e8b |
rgb(35,94,139) |
hsl(206,60%,34%) |
#1e5076 |
rgb(30,80,118) |
hsl(206,60%,29%) |
#184262 |
rgb(24,66,98) |
hsl(206,60%,24%) |
#13344e |
rgb(19,52,78) |
hsl(206,60%,19%) |
#0e2739 |
rgb(14,39,57) |
hsl(206,60%,14%) |
#091925 |
rgb(9,25,37) |
hsl(206,60%,9%) |
#040b10 |
rgb(4,11,16) |
hsl(206,60%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CB392 |
rgb(44,179,146) |
hsl(165,61%,44%) |
#2C78B2 |
rgb(44,120,178) |
hsl(206,60%,44%) |
#392BB2 |
rgb(57,43,178) |
hsl(246,61%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#519CD4 |
rgb(81,156,212) |
hsl(206,60%,57%) |
#348CCC |
rgb(52,140,204) |
hsl(205,60%,50%) |
#2C78B2 |
rgb(44,120,178) |
hsl(206,60%,44%) |
#246695 |
rgb(36,102,149) |
hsl(205,61%,36%) |
#1D5279 |
rgb(29,82,121) |
hsl(205,61%,29%) |
#163D5C |
rgb(22,61,92) |
hsl(207,61%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C78B2 |
rgb(44,120,178) |
hsl(206,60%,44%) |
#B22B35 |
rgb(178,43,53) |
hsl(356,61%,43%) |
#B2A82C |
rgb(178,168,44) |
hsl(56,60%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C78B2 |
rgb(44,120,178) |
hsl(206,60%,44%) |
#B2662C |
rgb(178,102,44) |
hsl(26,60%,44%) |
#2CB3A9 |
rgb(44,179,169) |
hsl(176,61%,44%) |
#B2A82C |
rgb(178,168,44) |
hsl(56,60%,44%) |