HEX #2C7DA2 color — Jelly Bean
The color #2C7DA2 is a dark shade and moderately saturated.
Palette
2C7DA2 color palette from light to dark
HEX |
RGB |
HSL |
#ebf5fa |
rgb(235,245,250) |
hsl(199,57%,95%) |
#d7ebf4 |
rgb(215,235,244) |
hsl(199,57%,90%) |
#c3e1ef |
rgb(195,225,239) |
hsl(199,57%,85%) |
#afd7e9 |
rgb(175,215,233) |
hsl(199,57%,80%) |
#9bcde4 |
rgb(155,205,228) |
hsl(199,57%,75%) |
#87c2de |
rgb(135,194,222) |
hsl(199,57%,70%) |
#73b8d9 |
rgb(115,184,217) |
hsl(199,57%,65%) |
#5faed3 |
rgb(95,174,211) |
hsl(199,57%,60%) |
#4ba4ce |
rgb(75,164,206) |
hsl(199,57%,55%) |
#379ac8 |
rgb(55,154,200) |
hsl(199,57%,50%) |
#318bb4 |
rgb(49,139,180) |
hsl(199,57%,45%) |
#2c7ba0 |
rgb(44,123,160) |
hsl(199,57%,40%) |
#266c8c |
rgb(38,108,140) |
hsl(199,57%,35%) |
#215c78 |
rgb(33,92,120) |
hsl(199,57%,30%) |
#1b4d64 |
rgb(27,77,100) |
hsl(199,57%,25%) |
#163e50 |
rgb(22,62,80) |
hsl(199,57%,20%) |
#102e3c |
rgb(16,46,60) |
hsl(199,57%,15%) |
#0b1f28 |
rgb(11,31,40) |
hsl(199,57%,10%) |
#050f14 |
rgb(5,15,20) |
hsl(199,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CA378 |
rgb(44,163,120) |
hsl(158,57%,41%) |
#2C7DA2 |
rgb(44,125,162) |
hsl(199,57%,40%) |
#2C2EA2 |
rgb(44,46,162) |
hsl(239,57%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#43A1CC |
rgb(67,161,204) |
hsl(199,57%,53%) |
#3391BB |
rgb(51,145,187) |
hsl(199,57%,47%) |
#2C7DA2 |
rgb(44,125,162) |
hsl(199,57%,40%) |
#246988 |
rgb(36,105,136) |
hsl(199,58%,34%) |
#1D546E |
rgb(29,84,110) |
hsl(199,58%,27%) |
#164054 |
rgb(22,64,84) |
hsl(199,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C7DA2 |
rgb(44,125,162) |
hsl(199,57%,40%) |
#A22B42 |
rgb(162,43,66) |
hsl(348,58%,40%) |
#A28C2C |
rgb(162,140,44) |
hsl(49,57%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C7DA2 |
rgb(44,125,162) |
hsl(199,57%,40%) |
#A2522C |
rgb(162,82,44) |
hsl(19,57%,40%) |
#2CA38C |
rgb(44,163,140) |
hsl(168,57%,41%) |
#A28C2C |
rgb(162,140,44) |
hsl(49,57%,40%) |