HEX #2C6EA2 color — Jelly Bean
The color #2C6EA2 is a dark shade and moderately saturated.
Palette
2C6EA2 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 |
#2CA387 |
rgb(44,163,135) |
hsl(166,57%,41%) |
#2C6EA2 |
rgb(44,110,162) |
hsl(206,57%,40%) |
#382BA2 |
rgb(56,43,162) |
hsl(247,58%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#438FCC |
rgb(67,143,204) |
hsl(207,57%,53%) |
#3380BB |
rgb(51,128,187) |
hsl(206,57%,47%) |
#2C6EA2 |
rgb(44,110,162) |
hsl(206,57%,40%) |
#245C88 |
rgb(36,92,136) |
hsl(206,58%,34%) |
#1D4A6E |
rgb(29,74,110) |
hsl(207,58%,27%) |
#163854 |
rgb(22,56,84) |
hsl(207,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C6EA2 |
rgb(44,110,162) |
hsl(206,57%,40%) |
#A22B33 |
rgb(162,43,51) |
hsl(356,58%,40%) |
#A29C2C |
rgb(162,156,44) |
hsl(57,57%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C6EA2 |
rgb(44,110,162) |
hsl(206,57%,40%) |
#A2612C |
rgb(162,97,44) |
hsl(27,57%,40%) |
#2CA39B |
rgb(44,163,155) |
hsl(176,57%,41%) |
#A29C2C |
rgb(162,156,44) |
hsl(57,57%,40%) |