HEX #2C82A1 color — Jelly Bean
The color #2C82A1 is a dark shade and moderately saturated.
Palette
2C82A1 color palette from light to dark
HEX |
RGB |
HSL |
#ebf6fa |
rgb(235,246,250) |
hsl(196,57%,95%) |
#d7ecf4 |
rgb(215,236,244) |
hsl(196,57%,90%) |
#c3e3ef |
rgb(195,227,239) |
hsl(196,57%,85%) |
#afdae9 |
rgb(175,218,233) |
hsl(196,57%,80%) |
#9bd0e4 |
rgb(155,208,228) |
hsl(196,57%,75%) |
#87c7de |
rgb(135,199,222) |
hsl(196,57%,70%) |
#73bdd9 |
rgb(115,189,217) |
hsl(196,57%,65%) |
#5fb4d3 |
rgb(95,180,211) |
hsl(196,57%,60%) |
#4babce |
rgb(75,171,206) |
hsl(196,57%,55%) |
#37a1c8 |
rgb(55,161,200) |
hsl(196,57%,50%) |
#3191b4 |
rgb(49,145,180) |
hsl(196,57%,45%) |
#2c81a0 |
rgb(44,129,160) |
hsl(196,57%,40%) |
#26718c |
rgb(38,113,140) |
hsl(196,57%,35%) |
#216178 |
rgb(33,97,120) |
hsl(196,57%,30%) |
#1b5164 |
rgb(27,81,100) |
hsl(196,57%,25%) |
#164150 |
rgb(22,65,80) |
hsl(196,57%,20%) |
#10303c |
rgb(16,48,60) |
hsl(196,57%,15%) |
#0b2028 |
rgb(11,32,40) |
hsl(196,57%,10%) |
#051014 |
rgb(5,16,20) |
hsl(196,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CA172 |
rgb(44,161,114) |
hsl(156,57%,40%) |
#2C82A1 |
rgb(44,130,161) |
hsl(196,57%,40%) |
#2C33A1 |
rgb(44,51,161) |
hsl(236,57%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#42A8CB |
rgb(66,168,203) |
hsl(195,57%,53%) |
#3396BA |
rgb(51,150,186) |
hsl(196,57%,46%) |
#2C82A1 |
rgb(44,130,161) |
hsl(196,57%,40%) |
#246E87 |
rgb(36,110,135) |
hsl(195,58%,34%) |
#1D596D |
rgb(29,89,109) |
hsl(195,58%,27%) |
#164553 |
rgb(22,69,83) |
hsl(194,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C82A1 |
rgb(44,130,161) |
hsl(196,57%,40%) |
#A12B47 |
rgb(161,43,71) |
hsl(346,58%,40%) |
#A1852C |
rgb(161,133,44) |
hsl(46,57%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C82A1 |
rgb(44,130,161) |
hsl(196,57%,40%) |
#A14A2C |
rgb(161,74,44) |
hsl(15,57%,40%) |
#2CA185 |
rgb(44,161,133) |
hsl(166,57%,40%) |
#A1852C |
rgb(161,133,44) |
hsl(46,57%,40%) |