HEX #2978B4 color — Jelly Bean
The color #2978B4 is a dark shade and moderately saturated.
Palette
2978B4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(206,63%,98%) |
#e2eff8 |
rgb(226,239,248) |
hsl(206,63%,93%) |
#cde3f4 |
rgb(205,227,244) |
hsl(206,63%,88%) |
#b8d7ef |
rgb(184,215,239) |
hsl(206,63%,83%) |
#a4ccea |
rgb(164,204,234) |
hsl(206,63%,78%) |
#8fc0e6 |
rgb(143,192,230) |
hsl(206,63%,73%) |
#7ab4e1 |
rgb(122,180,225) |
hsl(206,63%,68%) |
#65a9dc |
rgb(101,169,220) |
hsl(206,63%,63%) |
#509dd7 |
rgb(80,157,215) |
hsl(206,63%,58%) |
#3c91d3 |
rgb(60,145,211) |
hsl(206,63%,53%) |
#2d85c8 |
rgb(45,133,200) |
hsl(206,63%,48%) |
#2977b3 |
rgb(41,119,179) |
hsl(206,63%,43%) |
#24699e |
rgb(36,105,158) |
hsl(206,63%,38%) |
#1f5b89 |
rgb(31,91,137) |
hsl(206,63%,33%) |
#1a4d74 |
rgb(26,77,116) |
hsl(206,63%,28%) |
#164060 |
rgb(22,64,96) |
hsl(206,63%,23%) |
#11324b |
rgb(17,50,75) |
hsl(206,63%,18%) |
#0c2436 |
rgb(12,36,54) |
hsl(206,63%,13%) |
#081621 |
rgb(8,22,33) |
hsl(206,63%,8%) |
#03080c |
rgb(3,8,12) |
hsl(206,63%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#29B593 |
rgb(41,181,147) |
hsl(165,63%,44%) |
#2978B4 |
rgb(41,120,180) |
hsl(206,63%,43%) |
#3629B4 |
rgb(54,41,180) |
hsl(246,63%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4D9CD6 |
rgb(77,156,214) |
hsl(205,63%,57%) |
#308CCF |
rgb(48,140,207) |
hsl(205,62%,50%) |
#2978B4 |
rgb(41,120,180) |
hsl(206,63%,43%) |
#226697 |
rgb(34,102,151) |
hsl(205,63%,36%) |
#1B527A |
rgb(27,82,122) |
hsl(205,64%,29%) |
#153D5D |
rgb(21,61,93) |
hsl(207,63%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2978B4 |
rgb(41,120,180) |
hsl(206,63%,43%) |
#B42932 |
rgb(180,41,50) |
hsl(356,63%,43%) |
#B4AB29 |
rgb(180,171,41) |
hsl(56,63%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2978B4 |
rgb(41,120,180) |
hsl(206,63%,43%) |
#B46629 |
rgb(180,102,41) |
hsl(26,63%,43%) |
#29B5AA |
rgb(41,181,170) |
hsl(175,63%,44%) |
#B4AB29 |
rgb(180,171,41) |
hsl(56,63%,43%) |