HEX #2980A4 color — Jelly Bean
The color #2980A4 is a dark shade and moderately saturated.
Palette
2980A4 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf5fa |
rgb(235,245,250) |
hsl(198,60%,95%) |
| #d6ecf5 |
rgb(214,236,245) |
hsl(198,60%,90%) |
| #c2e2f0 |
rgb(194,226,240) |
hsl(198,60%,85%) |
| #add8eb |
rgb(173,216,235) |
hsl(198,60%,80%) |
| #99cfe6 |
rgb(153,207,230) |
hsl(198,60%,75%) |
| #85c5e0 |
rgb(133,197,224) |
hsl(198,60%,70%) |
| #70bbdb |
rgb(112,187,219) |
hsl(198,60%,65%) |
| #5cb1d6 |
rgb(92,177,214) |
hsl(198,60%,60%) |
| #47a8d1 |
rgb(71,168,209) |
hsl(198,60%,55%) |
| #339ecc |
rgb(51,158,204) |
hsl(198,60%,50%) |
| #2e8eb8 |
rgb(46,142,184) |
hsl(198,60%,45%) |
| #297ea3 |
rgb(41,126,163) |
hsl(198,60%,40%) |
| #246f8f |
rgb(36,111,143) |
hsl(198,60%,35%) |
| #1f5f7a |
rgb(31,95,122) |
hsl(198,60%,30%) |
| #1a4f66 |
rgb(26,79,102) |
hsl(198,60%,25%) |
| #143f52 |
rgb(20,63,82) |
hsl(198,60%,20%) |
| #0f2f3d |
rgb(15,47,61) |
hsl(198,60%,15%) |
| #0a2029 |
rgb(10,32,41) |
hsl(198,60%,10%) |
| #051014 |
rgb(5,16,20) |
hsl(198,60%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #29A376 |
rgb(41,163,118) |
hsl(158,60%,40%) |
| #2980A4 |
rgb(41,128,164) |
hsl(198,60%,40%) |
| #292EA4 |
rgb(41,46,164) |
hsl(238,60%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3FA6CF |
rgb(63,166,207) |
hsl(197,60%,53%) |
| #2F94BE |
rgb(47,148,190) |
hsl(198,60%,46%) |
| #2980A4 |
rgb(41,128,164) |
hsl(198,60%,40%) |
| #226B89 |
rgb(34,107,137) |
hsl(197,60%,34%) |
| #1B576F |
rgb(27,87,111) |
hsl(197,61%,27%) |
| #154255 |
rgb(21,66,85) |
hsl(198,60%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2980A4 |
rgb(41,128,164) |
hsl(198,60%,40%) |
| #A42942 |
rgb(164,41,66) |
hsl(348,60%,40%) |
| #A48A29 |
rgb(164,138,41) |
hsl(47,60%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2980A4 |
rgb(41,128,164) |
hsl(198,60%,40%) |
| #A44D29 |
rgb(164,77,41) |
hsl(18,60%,40%) |
| #29A38A |
rgb(41,163,138) |
hsl(168,60%,40%) |
| #A48A29 |
rgb(164,138,41) |
hsl(47,60%,40%) |
