HEX #2C85A2 color — Jelly Bean
The color #2C85A2 is a dark shade and moderately saturated.
Palette
2C85A2 color palette from light to dark
HEX |
RGB |
HSL |
#ebf6fa |
rgb(235,246,250) |
hsl(195,57%,95%) |
#d7edf4 |
rgb(215,237,244) |
hsl(195,57%,90%) |
#c3e4ef |
rgb(195,228,239) |
hsl(195,57%,85%) |
#afdbe9 |
rgb(175,219,233) |
hsl(195,57%,80%) |
#9bd1e4 |
rgb(155,209,228) |
hsl(195,57%,75%) |
#87c8de |
rgb(135,200,222) |
hsl(195,57%,70%) |
#73bfd9 |
rgb(115,191,217) |
hsl(195,57%,65%) |
#5fb6d3 |
rgb(95,182,211) |
hsl(195,57%,60%) |
#4badce |
rgb(75,173,206) |
hsl(195,57%,55%) |
#37a4c8 |
rgb(55,164,200) |
hsl(195,57%,50%) |
#3193b4 |
rgb(49,147,180) |
hsl(195,57%,45%) |
#2c83a0 |
rgb(44,131,160) |
hsl(195,57%,40%) |
#26738c |
rgb(38,115,140) |
hsl(195,57%,35%) |
#216278 |
rgb(33,98,120) |
hsl(195,57%,30%) |
#1b5264 |
rgb(27,82,100) |
hsl(195,57%,25%) |
#164250 |
rgb(22,66,80) |
hsl(195,57%,20%) |
#10313c |
rgb(16,49,60) |
hsl(195,57%,15%) |
#0b2128 |
rgb(11,33,40) |
hsl(195,57%,10%) |
#051014 |
rgb(5,16,20) |
hsl(195,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CA370 |
rgb(44,163,112) |
hsl(154,57%,41%) |
#2C85A2 |
rgb(44,133,162) |
hsl(195,57%,40%) |
#2C36A2 |
rgb(44,54,162) |
hsl(235,57%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#43ABCC |
rgb(67,171,204) |
hsl(194,57%,53%) |
#339CBB |
rgb(51,156,187) |
hsl(194,57%,47%) |
#2C85A2 |
rgb(44,133,162) |
hsl(195,57%,40%) |
#247088 |
rgb(36,112,136) |
hsl(194,58%,34%) |
#1D596E |
rgb(29,89,110) |
hsl(196,58%,27%) |
#164554 |
rgb(22,69,84) |
hsl(195,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C85A2 |
rgb(44,133,162) |
hsl(195,57%,40%) |
#A22B4A |
rgb(162,43,74) |
hsl(344,58%,40%) |
#A2852C |
rgb(162,133,44) |
hsl(45,57%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C85A2 |
rgb(44,133,162) |
hsl(195,57%,40%) |
#A24A2C |
rgb(162,74,44) |
hsl(15,57%,40%) |
#2CA384 |
rgb(44,163,132) |
hsl(164,57%,41%) |
#A2852C |
rgb(162,133,44) |
hsl(45,57%,40%) |