HEX #2976A3 color — Jelly Bean
The color #2976a3 is a dark shade and moderately saturated.
Palette
2976a3 color palette from light to dark
HEX |
RGB |
HSL |
#ebf4fa |
rgb(235,244,250) |
hsl(202,60%,95%) |
#d6eaf5 |
rgb(214,234,245) |
hsl(202,60%,90%) |
#c2dff0 |
rgb(194,223,240) |
hsl(202,60%,85%) |
#add4eb |
rgb(173,212,235) |
hsl(202,60%,80%) |
#99c9e6 |
rgb(153,201,230) |
hsl(202,60%,75%) |
#85bfe0 |
rgb(133,191,224) |
hsl(202,60%,70%) |
#70b4db |
rgb(112,180,219) |
hsl(202,60%,65%) |
#5ca9d6 |
rgb(92,169,214) |
hsl(202,60%,60%) |
#479fd1 |
rgb(71,159,209) |
hsl(202,60%,55%) |
#3394cc |
rgb(51,148,204) |
hsl(202,60%,50%) |
#2e85b8 |
rgb(46,133,184) |
hsl(202,60%,45%) |
#2976a3 |
rgb(41,118,163) |
hsl(202,60%,40%) |
#24688f |
rgb(36,104,143) |
hsl(202,60%,35%) |
#1f597a |
rgb(31,89,122) |
hsl(202,60%,30%) |
#1a4a66 |
rgb(26,74,102) |
hsl(202,60%,25%) |
#143b52 |
rgb(20,59,82) |
hsl(202,60%,20%) |
#0f2c3d |
rgb(15,44,61) |
hsl(202,60%,15%) |
#0a1e29 |
rgb(10,30,41) |
hsl(202,60%,10%) |
#050f14 |
rgb(5,15,20) |
hsl(202,60%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#29A37E |
rgb(41,163,126) |
hsl(162,60%,40%) |
#2976A3 |
rgb(41,118,163) |
hsl(202,60%,40%) |
#2D29A3 |
rgb(45,41,163) |
hsl(242,60%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2F8ABD |
rgb(47,138,189) |
hsl(202,60%,46%) |
#2976A3 |
rgb(41,118,163) |
hsl(202,60%,40%) |
#226388 |
rgb(34,99,136) |
hsl(202,60%,33%) |
#1B4F6E |
rgb(27,79,110) |
hsl(202,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 |
#2976A3 |
rgb(41,118,163) |
hsl(202,60%,40%) |
#A32939 |
rgb(163,41,57) |
hsl(352,60%,40%) |
#A39429 |
rgb(163,148,41) |
hsl(53,60%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2976A3 |
rgb(41,118,163) |
hsl(202,60%,40%) |
#A35729 |
rgb(163,87,41) |
hsl(23,60%,40%) |
#29A393 |
rgb(41,163,147) |
hsl(172,60%,40%) |
#A39429 |
rgb(163,148,41) |
hsl(53,60%,40%) |