HEX #2C6EA0 color — Jelly Bean
The color #2c6ea0 is a dark shade and moderately saturated.
Palette
2c6ea0 color palette from light to dark
HEX |
RGB |
HSL |
#ebf3fa |
rgb(235,243,250) |
hsl(206,57%,95%) |
#d7e7f4 |
rgb(215,231,244) |
hsl(206,57%,90%) |
#c3dcef |
rgb(195,220,239) |
hsl(206,57%,85%) |
#afd0e9 |
rgb(175,208,233) |
hsl(206,57%,80%) |
#9bc4e4 |
rgb(155,196,228) |
hsl(206,57%,75%) |
#87b8de |
rgb(135,184,222) |
hsl(206,57%,70%) |
#73add9 |
rgb(115,173,217) |
hsl(206,57%,65%) |
#5fa1d3 |
rgb(95,161,211) |
hsl(206,57%,60%) |
#4b95ce |
rgb(75,149,206) |
hsl(206,57%,55%) |
#3789c8 |
rgb(55,137,200) |
hsl(206,57%,50%) |
#317bb4 |
rgb(49,123,180) |
hsl(206,57%,45%) |
#2c6ea0 |
rgb(44,110,160) |
hsl(206,57%,40%) |
#26608c |
rgb(38,96,140) |
hsl(206,57%,35%) |
#215278 |
rgb(33,82,120) |
hsl(206,57%,30%) |
#1b4564 |
rgb(27,69,100) |
hsl(206,57%,25%) |
#163750 |
rgb(22,55,80) |
hsl(206,57%,20%) |
#10293c |
rgb(16,41,60) |
hsl(206,57%,15%) |
#0b1b28 |
rgb(11,27,40) |
hsl(206,57%,10%) |
#050e14 |
rgb(5,14,20) |
hsl(206,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CA184 |
rgb(44,161,132) |
hsl(165,57%,40%) |
#2C6EA0 |
rgb(44,110,160) |
hsl(206,57%,40%) |
#372BA0 |
rgb(55,43,160) |
hsl(246,58%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4291CB |
rgb(66,145,203) |
hsl(205,57%,53%) |
#3380B9 |
rgb(51,128,185) |
hsl(206,57%,46%) |
#2C6EA0 |
rgb(44,110,160) |
hsl(206,57%,40%) |
#245C86 |
rgb(36,92,134) |
hsl(206,58%,33%) |
#1D4A6C |
rgb(29,74,108) |
hsl(206,58%,27%) |
#163853 |
rgb(22,56,83) |
hsl(207,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C6EA0 |
rgb(44,110,160) |
hsl(206,57%,40%) |
#A02B34 |
rgb(160,43,52) |
hsl(355,58%,40%) |
#A0992C |
rgb(160,153,44) |
hsl(56,57%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C6EA0 |
rgb(44,110,160) |
hsl(206,57%,40%) |
#A05E2C |
rgb(160,94,44) |
hsl(26,57%,40%) |
#2CA198 |
rgb(44,161,152) |
hsl(175,57%,40%) |
#A0992C |
rgb(160,153,44) |
hsl(56,57%,40%) |