HEX #2980B4 color — Jelly Bean
The color #2980B4 is a dark shade and moderately saturated.
Palette
2980B4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(202,63%,98%) |
#e2f0f8 |
rgb(226,240,248) |
hsl(202,63%,93%) |
#cde6f4 |
rgb(205,230,244) |
hsl(202,63%,88%) |
#b8dbef |
rgb(184,219,239) |
hsl(202,63%,83%) |
#a4d0ea |
rgb(164,208,234) |
hsl(202,63%,78%) |
#8fc6e6 |
rgb(143,198,230) |
hsl(202,63%,73%) |
#7abbe1 |
rgb(122,187,225) |
hsl(202,63%,68%) |
#65b1dc |
rgb(101,177,220) |
hsl(202,63%,63%) |
#50a6d7 |
rgb(80,166,215) |
hsl(202,63%,58%) |
#3c9bd3 |
rgb(60,155,211) |
hsl(202,63%,53%) |
#2d8fc8 |
rgb(45,143,200) |
hsl(202,63%,48%) |
#2980b3 |
rgb(41,128,179) |
hsl(202,63%,43%) |
#24719e |
rgb(36,113,158) |
hsl(202,63%,38%) |
#1f6289 |
rgb(31,98,137) |
hsl(202,63%,33%) |
#1a5374 |
rgb(26,83,116) |
hsl(202,63%,28%) |
#164560 |
rgb(22,69,96) |
hsl(202,63%,23%) |
#11364b |
rgb(17,54,75) |
hsl(202,63%,18%) |
#0c2736 |
rgb(12,39,54) |
hsl(202,63%,13%) |
#081821 |
rgb(8,24,33) |
hsl(202,63%,8%) |
#03090c |
rgb(3,9,12) |
hsl(202,63%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#29B58B |
rgb(41,181,139) |
hsl(162,63%,44%) |
#2980B4 |
rgb(41,128,180) |
hsl(202,63%,43%) |
#2E29B4 |
rgb(46,41,180) |
hsl(242,63%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4DA3D6 |
rgb(77,163,214) |
hsl(202,63%,57%) |
#3094CF |
rgb(48,148,207) |
hsl(202,62%,50%) |
#2980B4 |
rgb(41,128,180) |
hsl(202,63%,43%) |
#226B97 |
rgb(34,107,151) |
hsl(203,63%,36%) |
#1B577A |
rgb(27,87,122) |
hsl(202,64%,29%) |
#15425D |
rgb(21,66,93) |
hsl(203,63%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2980B4 |
rgb(41,128,180) |
hsl(202,63%,43%) |
#B4293A |
rgb(180,41,58) |
hsl(353,63%,43%) |
#B4A329 |
rgb(180,163,41) |
hsl(53,63%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2980B4 |
rgb(41,128,180) |
hsl(202,63%,43%) |
#B45C29 |
rgb(180,92,41) |
hsl(22,63%,43%) |
#29B5A2 |
rgb(41,181,162) |
hsl(172,63%,44%) |
#B4A329 |
rgb(180,163,41) |
hsl(53,63%,43%) |