HEX #2C6AA0 color — Jelly Bean
The color #2c6aa0 is a dark shade and moderately saturated.
Palette
2c6aa0 color palette from light to dark
HEX |
RGB |
HSL |
#ebf3fa |
rgb(235,243,250) |
hsl(208,57%,95%) |
#d7e6f4 |
rgb(215,230,244) |
hsl(208,57%,90%) |
#c3daef |
rgb(195,218,239) |
hsl(208,57%,85%) |
#afcee9 |
rgb(175,206,233) |
hsl(208,57%,80%) |
#9bc2e4 |
rgb(155,194,228) |
hsl(208,57%,75%) |
#87b5de |
rgb(135,181,222) |
hsl(208,57%,70%) |
#73a9d9 |
rgb(115,169,217) |
hsl(208,57%,65%) |
#5f9dd3 |
rgb(95,157,211) |
hsl(208,57%,60%) |
#4b91ce |
rgb(75,145,206) |
hsl(208,57%,55%) |
#3784c8 |
rgb(55,132,200) |
hsl(208,57%,50%) |
#3177b4 |
rgb(49,119,180) |
hsl(208,57%,45%) |
#2c6aa0 |
rgb(44,106,160) |
hsl(208,57%,40%) |
#265d8c |
rgb(38,93,140) |
hsl(208,57%,35%) |
#214f78 |
rgb(33,79,120) |
hsl(208,57%,30%) |
#1b4264 |
rgb(27,66,100) |
hsl(208,57%,25%) |
#163550 |
rgb(22,53,80) |
hsl(208,57%,20%) |
#10283c |
rgb(16,40,60) |
hsl(208,57%,15%) |
#0b1a28 |
rgb(11,26,40) |
hsl(208,57%,10%) |
#050d14 |
rgb(5,13,20) |
hsl(208,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CA188 |
rgb(44,161,136) |
hsl(167,57%,40%) |
#2C6AA0 |
rgb(44,106,160) |
hsl(208,57%,40%) |
#3B2BA0 |
rgb(59,43,160) |
hsl(248,58%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#428CCB |
rgb(66,140,203) |
hsl(208,57%,53%) |
#337AB9 |
rgb(51,122,185) |
hsl(208,57%,46%) |
#2C6AA0 |
rgb(44,106,160) |
hsl(208,57%,40%) |
#245986 |
rgb(36,89,134) |
hsl(208,58%,33%) |
#1D476C |
rgb(29,71,108) |
hsl(208,58%,27%) |
#163853 |
rgb(22,56,83) |
hsl(207,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C6AA0 |
rgb(44,106,160) |
hsl(208,57%,40%) |
#A02B30 |
rgb(160,43,48) |
hsl(357,58%,40%) |
#A09C2C |
rgb(160,156,44) |
hsl(58,57%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C6AA0 |
rgb(44,106,160) |
hsl(208,57%,40%) |
#A0612C |
rgb(160,97,44) |
hsl(27,57%,40%) |
#2CA19C |
rgb(44,161,156) |
hsl(177,57%,40%) |
#A09C2C |
rgb(160,156,44) |
hsl(58,57%,40%) |