HEX #2D78B0 color — Jelly Bean
The color #2D78B0 is a dark shade and moderately saturated.
Palette
2D78B0 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(206,59%,98%) |
#e3eff8 |
rgb(227,239,248) |
hsl(206,59%,93%) |
#cee3f2 |
rgb(206,227,242) |
hsl(206,59%,88%) |
#bad7ed |
rgb(186,215,237) |
hsl(206,59%,83%) |
#a6cbe8 |
rgb(166,203,232) |
hsl(206,59%,78%) |
#92c0e3 |
rgb(146,192,227) |
hsl(206,59%,73%) |
#7db4de |
rgb(125,180,222) |
hsl(206,59%,68%) |
#69a8d8 |
rgb(105,168,216) |
hsl(206,59%,63%) |
#559cd3 |
rgb(85,156,211) |
hsl(206,59%,58%) |
#4091ce |
rgb(64,145,206) |
hsl(206,59%,53%) |
#3284c3 |
rgb(50,132,195) |
hsl(206,59%,48%) |
#2d76ae |
rgb(45,118,174) |
hsl(206,59%,43%) |
#28699a |
rgb(40,105,154) |
hsl(206,59%,38%) |
#235b86 |
rgb(35,91,134) |
hsl(206,59%,33%) |
#1d4d72 |
rgb(29,77,114) |
hsl(206,59%,28%) |
#183f5d |
rgb(24,63,93) |
hsl(206,59%,23%) |
#133249 |
rgb(19,50,73) |
hsl(206,59%,18%) |
#0e2435 |
rgb(14,36,53) |
hsl(206,59%,13%) |
#081620 |
rgb(8,22,32) |
hsl(206,59%,8%) |
#03080c |
rgb(3,8,12) |
hsl(206,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2DB090 |
rgb(45,176,144) |
hsl(165,59%,43%) |
#2D78B0 |
rgb(45,120,176) |
hsl(206,59%,43%) |
#392EB0 |
rgb(57,46,176) |
hsl(245,59%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#519CD2 |
rgb(81,156,210) |
hsl(205,59%,57%) |
#358CCB |
rgb(53,140,203) |
hsl(205,59%,50%) |
#2D78B0 |
rgb(45,120,176) |
hsl(206,59%,43%) |
#256693 |
rgb(37,102,147) |
hsl(205,60%,36%) |
#1E5277 |
rgb(30,82,119) |
hsl(205,60%,29%) |
#173D5B |
rgb(23,61,91) |
hsl(206,60%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D78B0 |
rgb(45,120,176) |
hsl(206,59%,43%) |
#B02E36 |
rgb(176,46,54) |
hsl(356,59%,44%) |
#B0A62D |
rgb(176,166,45) |
hsl(55,59%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D78B0 |
rgb(45,120,176) |
hsl(206,59%,43%) |
#B0662D |
rgb(176,102,45) |
hsl(26,59%,43%) |
#2DB0A6 |
rgb(45,176,166) |
hsl(175,59%,43%) |
#B0A62D |
rgb(176,166,45) |
hsl(55,59%,43%) |