HEX #2C7FA0 color — Jelly Bean
The color #2c7fa0 is a dark shade and moderately saturated.
Palette
2c7fa0 color palette from light to dark
HEX |
RGB |
HSL |
#ebf5fa |
rgb(235,245,250) |
hsl(197,57%,95%) |
#d7ecf4 |
rgb(215,236,244) |
hsl(197,57%,90%) |
#c3e2ef |
rgb(195,226,239) |
hsl(197,57%,85%) |
#afd9e9 |
rgb(175,217,233) |
hsl(197,57%,80%) |
#9bcfe4 |
rgb(155,207,228) |
hsl(197,57%,75%) |
#87c5de |
rgb(135,197,222) |
hsl(197,57%,70%) |
#73bcd9 |
rgb(115,188,217) |
hsl(197,57%,65%) |
#5fb2d3 |
rgb(95,178,211) |
hsl(197,57%,60%) |
#4ba9ce |
rgb(75,169,206) |
hsl(197,57%,55%) |
#379fc8 |
rgb(55,159,200) |
hsl(197,57%,50%) |
#318fb4 |
rgb(49,143,180) |
hsl(197,57%,45%) |
#2c7fa0 |
rgb(44,127,160) |
hsl(197,57%,40%) |
#266f8c |
rgb(38,111,140) |
hsl(197,57%,35%) |
#215f78 |
rgb(33,95,120) |
hsl(197,57%,30%) |
#1b4f64 |
rgb(27,79,100) |
hsl(197,57%,25%) |
#164050 |
rgb(22,64,80) |
hsl(197,57%,20%) |
#10303c |
rgb(16,48,60) |
hsl(197,57%,15%) |
#0b2028 |
rgb(11,32,40) |
hsl(197,57%,10%) |
#051014 |
rgb(5,16,20) |
hsl(197,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CA173 |
rgb(44,161,115) |
hsl(156,57%,40%) |
#2C7FA0 |
rgb(44,127,160) |
hsl(197,57%,40%) |
#2C30A0 |
rgb(44,48,160) |
hsl(238,57%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#42A3CB |
rgb(66,163,203) |
hsl(198,57%,53%) |
#3394B9 |
rgb(51,148,185) |
hsl(197,57%,46%) |
#2C7FA0 |
rgb(44,127,160) |
hsl(197,57%,40%) |
#246B86 |
rgb(36,107,134) |
hsl(197,58%,33%) |
#1D576C |
rgb(29,87,108) |
hsl(196,58%,27%) |
#164253 |
rgb(22,66,83) |
hsl(197,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C7FA0 |
rgb(44,127,160) |
hsl(197,57%,40%) |
#A02B45 |
rgb(160,43,69) |
hsl(347,58%,40%) |
#A0872C |
rgb(160,135,44) |
hsl(47,57%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C7FA0 |
rgb(44,127,160) |
hsl(197,57%,40%) |
#A04D2C |
rgb(160,77,44) |
hsl(17,57%,40%) |
#2CA187 |
rgb(44,161,135) |
hsl(167,57%,40%) |
#A0872C |
rgb(160,135,44) |
hsl(47,57%,40%) |