HEX #2C85A0 color — Jelly Bean
The color #2c85a0 is a dark shade and moderately saturated.
Palette
2c85a0 color palette from light to dark
HEX |
RGB |
HSL |
#ebf6fa |
rgb(235,246,250) |
hsl(194,57%,95%) |
#d7edf4 |
rgb(215,237,244) |
hsl(194,57%,90%) |
#c3e4ef |
rgb(195,228,239) |
hsl(194,57%,85%) |
#afdce9 |
rgb(175,220,233) |
hsl(194,57%,80%) |
#9bd3e4 |
rgb(155,211,228) |
hsl(194,57%,75%) |
#87cade |
rgb(135,202,222) |
hsl(194,57%,70%) |
#73c1d9 |
rgb(115,193,217) |
hsl(194,57%,65%) |
#5fb8d3 |
rgb(95,184,211) |
hsl(194,57%,60%) |
#4bafce |
rgb(75,175,206) |
hsl(194,57%,55%) |
#37a6c8 |
rgb(55,166,200) |
hsl(194,57%,50%) |
#3196b4 |
rgb(49,150,180) |
hsl(194,57%,45%) |
#2c85a0 |
rgb(44,133,160) |
hsl(194,57%,40%) |
#26748c |
rgb(38,116,140) |
hsl(194,57%,35%) |
#216478 |
rgb(33,100,120) |
hsl(194,57%,30%) |
#1b5364 |
rgb(27,83,100) |
hsl(194,57%,25%) |
#164350 |
rgb(22,67,80) |
hsl(194,57%,20%) |
#10323c |
rgb(16,50,60) |
hsl(194,57%,15%) |
#0b2128 |
rgb(11,33,40) |
hsl(194,57%,10%) |
#051114 |
rgb(5,17,20) |
hsl(194,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CA16D |
rgb(44,161,109) |
hsl(153,57%,40%) |
#2C85A0 |
rgb(44,133,160) |
hsl(194,57%,40%) |
#2C38A0 |
rgb(44,56,160) |
hsl(234,57%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#42ABCB |
rgb(66,171,203) |
hsl(194,57%,53%) |
#339CB9 |
rgb(51,156,185) |
hsl(193,57%,46%) |
#2C85A0 |
rgb(44,133,160) |
hsl(194,57%,40%) |
#247086 |
rgb(36,112,134) |
hsl(193,58%,33%) |
#1D596C |
rgb(29,89,108) |
hsl(194,58%,27%) |
#164553 |
rgb(22,69,83) |
hsl(194,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C85A0 |
rgb(44,133,160) |
hsl(194,57%,40%) |
#A02B4B |
rgb(160,43,75) |
hsl(344,58%,40%) |
#A0822C |
rgb(160,130,44) |
hsl(44,57%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C85A0 |
rgb(44,133,160) |
hsl(194,57%,40%) |
#A0472C |
rgb(160,71,44) |
hsl(14,57%,40%) |
#2CA181 |
rgb(44,161,129) |
hsl(164,57%,40%) |
#A0822C |
rgb(160,130,44) |
hsl(44,57%,40%) |