HEX #2D78B3 color — Jelly Bean
The color #2D78B3 is a dark shade and moderately saturated.
Palette
2D78B3 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 |
#2DB394 |
rgb(45,179,148) |
hsl(166,60%,44%) |
#2D78B3 |
rgb(45,120,179) |
hsl(206,60%,44%) |
#3B2EB3 |
rgb(59,46,179) |
hsl(246,59%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#539CD3 |
rgb(83,156,211) |
hsl(206,59%,58%) |
#378ACC |
rgb(55,138,204) |
hsl(207,59%,51%) |
#2D78B3 |
rgb(45,120,179) |
hsl(206,60%,44%) |
#256696 |
rgb(37,102,150) |
hsl(205,60%,37%) |
#1E5279 |
rgb(30,82,121) |
hsl(206,60%,30%) |
#173D5D |
rgb(23,61,93) |
hsl(207,60%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D78B3 |
rgb(45,120,179) |
hsl(206,60%,44%) |
#B32E35 |
rgb(179,46,53) |
hsl(357,59%,44%) |
#B3AB2D |
rgb(179,171,45) |
hsl(56,60%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D78B3 |
rgb(45,120,179) |
hsl(206,60%,44%) |
#B3692D |
rgb(179,105,45) |
hsl(27,60%,44%) |
#2DB3AB |
rgb(45,179,171) |
hsl(176,60%,44%) |
#B3AB2D |
rgb(179,171,45) |
hsl(56,60%,44%) |