HEX #386EC9 color — Indigo
The color #386EC9 is a dark shade and moderately saturated.
Palette
386EC9 color palette from light to dark
HEX |
RGB |
HSL |
#ebf0fa |
rgb(235,240,250) |
hsl(218,57%,95%) |
#d7e2f4 |
rgb(215,226,244) |
hsl(218,57%,90%) |
#c3d3ef |
rgb(195,211,239) |
hsl(218,57%,85%) |
#afc4e9 |
rgb(175,196,233) |
hsl(218,57%,80%) |
#9bb6e4 |
rgb(155,182,228) |
hsl(218,57%,75%) |
#87a7de |
rgb(135,167,222) |
hsl(218,57%,70%) |
#7398d9 |
rgb(115,152,217) |
hsl(218,57%,65%) |
#5f89d3 |
rgb(95,137,211) |
hsl(218,57%,60%) |
#4b7bce |
rgb(75,123,206) |
hsl(218,57%,55%) |
#376cc8 |
rgb(55,108,200) |
hsl(218,57%,50%) |
#3161b4 |
rgb(49,97,180) |
hsl(218,57%,45%) |
#2c56a0 |
rgb(44,86,160) |
hsl(218,57%,40%) |
#264c8c |
rgb(38,76,140) |
hsl(218,57%,35%) |
#214178 |
rgb(33,65,120) |
hsl(218,57%,30%) |
#1b3664 |
rgb(27,54,100) |
hsl(218,57%,25%) |
#162b50 |
rgb(22,43,80) |
hsl(218,57%,20%) |
#10203c |
rgb(16,32,60) |
hsl(218,57%,15%) |
#0b1628 |
rgb(11,22,40) |
hsl(218,57%,10%) |
#050b14 |
rgb(5,11,20) |
hsl(218,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#38C9C3 |
rgb(56,201,195) |
hsl(178,57%,50%) |
#386EC9 |
rgb(56,110,201) |
hsl(218,57%,50%) |
#6238C9 |
rgb(98,56,201) |
hsl(257,57%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#789EDA |
rgb(120,158,218) |
hsl(217,57%,66%) |
#5885D1 |
rgb(88,133,209) |
hsl(218,57%,58%) |
#386EC9 |
rgb(56,110,201) |
hsl(218,57%,50%) |
#2E5CA9 |
rgb(46,92,169) |
hsl(218,57%,42%) |
#254A89 |
rgb(37,74,137) |
hsl(218,57%,34%) |
#1C3869 |
rgb(28,56,105) |
hsl(218,58%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#386EC9 |
rgb(56,110,201) |
hsl(218,57%,50%) |
#C94A38 |
rgb(201,74,56) |
hsl(7,57%,50%) |
#B6C938 |
rgb(182,201,56) |
hsl(68,57%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#386EC9 |
rgb(56,110,201) |
hsl(218,57%,50%) |
#C99438 |
rgb(201,148,56) |
hsl(38,57%,50%) |
#38B8C9 |
rgb(56,184,201) |
hsl(187,57%,50%) |
#B6C938 |
rgb(182,201,56) |
hsl(68,57%,50%) |