HEX #2C6CA0 color — Jelly Bean
The color #2c6ca0 is a dark shade and moderately saturated.
Palette
2c6ca0 color palette from light to dark
HEX |
RGB |
HSL |
#ebf3fa |
rgb(235,243,250) |
hsl(207,57%,95%) |
#d7e7f4 |
rgb(215,231,244) |
hsl(207,57%,90%) |
#c3dbef |
rgb(195,219,239) |
hsl(207,57%,85%) |
#afcfe9 |
rgb(175,207,233) |
hsl(207,57%,80%) |
#9bc3e4 |
rgb(155,195,228) |
hsl(207,57%,75%) |
#87b7de |
rgb(135,183,222) |
hsl(207,57%,70%) |
#73abd9 |
rgb(115,171,217) |
hsl(207,57%,65%) |
#5f9fd3 |
rgb(95,159,211) |
hsl(207,57%,60%) |
#4b93ce |
rgb(75,147,206) |
hsl(207,57%,55%) |
#3787c8 |
rgb(55,135,200) |
hsl(207,57%,50%) |
#3179b4 |
rgb(49,121,180) |
hsl(207,57%,45%) |
#2c6ca0 |
rgb(44,108,160) |
hsl(207,57%,40%) |
#265e8c |
rgb(38,94,140) |
hsl(207,57%,35%) |
#215178 |
rgb(33,81,120) |
hsl(207,57%,30%) |
#1b4364 |
rgb(27,67,100) |
hsl(207,57%,25%) |
#163650 |
rgb(22,54,80) |
hsl(207,57%,20%) |
#10283c |
rgb(16,40,60) |
hsl(207,57%,15%) |
#0b1b28 |
rgb(11,27,40) |
hsl(207,57%,10%) |
#050d14 |
rgb(5,13,20) |
hsl(207,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CA186 |
rgb(44,161,134) |
hsl(166,57%,40%) |
#2C6CA0 |
rgb(44,108,160) |
hsl(207,57%,40%) |
#392BA0 |
rgb(57,43,160) |
hsl(247,58%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#428FCB |
rgb(66,143,203) |
hsl(206,57%,53%) |
#337DB9 |
rgb(51,125,185) |
hsl(207,57%,46%) |
#2C6CA0 |
rgb(44,108,160) |
hsl(207,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 |
#2C6CA0 |
rgb(44,108,160) |
hsl(207,57%,40%) |
#A02B32 |
rgb(160,43,50) |
hsl(356,58%,40%) |
#A0992C |
rgb(160,153,44) |
hsl(56,57%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C6CA0 |
rgb(44,108,160) |
hsl(207,57%,40%) |
#A0612C |
rgb(160,97,44) |
hsl(27,57%,40%) |
#2CA19A |
rgb(44,161,154) |
hsl(176,57%,40%) |
#A0992C |
rgb(160,153,44) |
hsl(56,57%,40%) |