HEX #2C7DA0 color — Jelly Bean
The color #2c7da0 is a dark shade and moderately saturated.
Palette
2c7da0 color palette from light to dark
HEX |
RGB |
HSL |
#ebf5fa |
rgb(235,245,250) |
hsl(198,57%,95%) |
#d7ebf4 |
rgb(215,235,244) |
hsl(198,57%,90%) |
#c3e1ef |
rgb(195,225,239) |
hsl(198,57%,85%) |
#afd8e9 |
rgb(175,216,233) |
hsl(198,57%,80%) |
#9bcee4 |
rgb(155,206,228) |
hsl(198,57%,75%) |
#87c4de |
rgb(135,196,222) |
hsl(198,57%,70%) |
#73bad9 |
rgb(115,186,217) |
hsl(198,57%,65%) |
#5fb0d3 |
rgb(95,176,211) |
hsl(198,57%,60%) |
#4ba6ce |
rgb(75,166,206) |
hsl(198,57%,55%) |
#379dc8 |
rgb(55,157,200) |
hsl(198,57%,50%) |
#318db4 |
rgb(49,141,180) |
hsl(198,57%,45%) |
#2c7da0 |
rgb(44,125,160) |
hsl(198,57%,40%) |
#266e8c |
rgb(38,110,140) |
hsl(198,57%,35%) |
#215e78 |
rgb(33,94,120) |
hsl(198,57%,30%) |
#1b4e64 |
rgb(27,78,100) |
hsl(198,57%,25%) |
#163f50 |
rgb(22,63,80) |
hsl(198,57%,20%) |
#102f3c |
rgb(16,47,60) |
hsl(198,57%,15%) |
#0b1f28 |
rgb(11,31,40) |
hsl(198,57%,10%) |
#051014 |
rgb(5,16,20) |
hsl(198,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CA175 |
rgb(44,161,117) |
hsl(157,57%,40%) |
#2C7DA0 |
rgb(44,125,160) |
hsl(198,57%,40%) |
#2C30A0 |
rgb(44,48,160) |
hsl(238,57%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#42A1CB |
rgb(66,161,203) |
hsl(198,57%,53%) |
#3391B9 |
rgb(51,145,185) |
hsl(198,57%,46%) |
#2C7DA0 |
rgb(44,125,160) |
hsl(198,57%,40%) |
#246986 |
rgb(36,105,134) |
hsl(198,58%,33%) |
#1D546C |
rgb(29,84,108) |
hsl(198,58%,27%) |
#164053 |
rgb(22,64,83) |
hsl(199,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C7DA0 |
rgb(44,125,160) |
hsl(198,57%,40%) |
#A02B43 |
rgb(160,43,67) |
hsl(348,58%,40%) |
#A08A2C |
rgb(160,138,44) |
hsl(49,57%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C7DA0 |
rgb(44,125,160) |
hsl(198,57%,40%) |
#A04F2C |
rgb(160,79,44) |
hsl(18,57%,40%) |
#2CA189 |
rgb(44,161,137) |
hsl(168,57%,40%) |
#A08A2C |
rgb(160,138,44) |
hsl(49,57%,40%) |