HEX #2978A3 color — Jelly Bean
The color #2978A3 is a dark shade and moderately saturated.
Palette
2978A3 color palette from light to dark
HEX |
RGB |
HSL |
#ebf5fa |
rgb(235,245,250) |
hsl(201,60%,95%) |
#d6eaf5 |
rgb(214,234,245) |
hsl(201,60%,90%) |
#c2e0f0 |
rgb(194,224,240) |
hsl(201,60%,85%) |
#add5eb |
rgb(173,213,235) |
hsl(201,60%,80%) |
#99cbe6 |
rgb(153,203,230) |
hsl(201,60%,75%) |
#85c0e0 |
rgb(133,192,224) |
hsl(201,60%,70%) |
#70b6db |
rgb(112,182,219) |
hsl(201,60%,65%) |
#5cabd6 |
rgb(92,171,214) |
hsl(201,60%,60%) |
#47a1d1 |
rgb(71,161,209) |
hsl(201,60%,55%) |
#3396cc |
rgb(51,150,204) |
hsl(201,60%,50%) |
#2e87b8 |
rgb(46,135,184) |
hsl(201,60%,45%) |
#2978a3 |
rgb(41,120,163) |
hsl(201,60%,40%) |
#24698f |
rgb(36,105,143) |
hsl(201,60%,35%) |
#1f5a7a |
rgb(31,90,122) |
hsl(201,60%,30%) |
#1a4b66 |
rgb(26,75,102) |
hsl(201,60%,25%) |
#143c52 |
rgb(20,60,82) |
hsl(201,60%,20%) |
#0f2d3d |
rgb(15,45,61) |
hsl(201,60%,15%) |
#0a1e29 |
rgb(10,30,41) |
hsl(201,60%,10%) |
#050f14 |
rgb(5,15,20) |
hsl(201,60%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#29A37C |
rgb(41,163,124) |
hsl(161,60%,40%) |
#2978A3 |
rgb(41,120,163) |
hsl(201,60%,40%) |
#2B29A3 |
rgb(43,41,163) |
hsl(241,60%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2F8CBD |
rgb(47,140,189) |
hsl(201,60%,46%) |
#2978A3 |
rgb(41,120,163) |
hsl(201,60%,40%) |
#226688 |
rgb(34,102,136) |
hsl(200,60%,33%) |
#1B526E |
rgb(27,82,110) |
hsl(200,61%,27%) |
#153D54 |
rgb(21,61,84) |
hsl(202,60%,21%) |
#0E2B3A |
rgb(14,43,58) |
hsl(200,61%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2978A3 |
rgb(41,120,163) |
hsl(201,60%,40%) |
#A3293B |
rgb(163,41,59) |
hsl(351,60%,40%) |
#A39129 |
rgb(163,145,41) |
hsl(51,60%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2978A3 |
rgb(41,120,163) |
hsl(201,60%,40%) |
#A35429 |
rgb(163,84,41) |
hsl(21,60%,40%) |
#29A391 |
rgb(41,163,145) |
hsl(171,60%,40%) |
#A39129 |
rgb(163,145,41) |
hsl(51,60%,40%) |