HEX #2D78B2 color — Jelly Bean
The color #2D78B2 is a dark shade and moderately saturated.
Palette
2D78B2 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 |
#2DB393 |
rgb(45,179,147) |
hsl(166,60%,44%) |
#2D78B2 |
rgb(45,120,178) |
hsl(206,60%,44%) |
#3A2EB2 |
rgb(58,46,178) |
hsl(245,59%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#529CD3 |
rgb(82,156,211) |
hsl(206,59%,57%) |
#368ACC |
rgb(54,138,204) |
hsl(206,60%,51%) |
#2D78B2 |
rgb(45,120,178) |
hsl(206,60%,44%) |
#256695 |
rgb(37,102,149) |
hsl(205,60%,36%) |
#1E5279 |
rgb(30,82,121) |
hsl(206,60%,30%) |
#173D5C |
rgb(23,61,92) |
hsl(207,60%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D78B2 |
rgb(45,120,178) |
hsl(206,60%,44%) |
#B22E35 |
rgb(178,46,53) |
hsl(357,59%,44%) |
#B2A82D |
rgb(178,168,45) |
hsl(55,60%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D78B2 |
rgb(45,120,178) |
hsl(206,60%,44%) |
#B2662D |
rgb(178,102,45) |
hsl(26,60%,44%) |
#2DB3A9 |
rgb(45,179,169) |
hsl(176,60%,44%) |
#B2A82D |
rgb(178,168,45) |
hsl(55,60%,44%) |