HEX #386BC2 color — Indigo
The color #386bc2 is a dark shade and moderately saturated.
Palette
386bc2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(218,55%,99%) |
#e7edf8 |
rgb(231,237,248) |
hsl(218,55%,94%) |
#d4dff2 |
rgb(212,223,242) |
hsl(218,55%,89%) |
#c0d0ed |
rgb(192,208,237) |
hsl(218,55%,84%) |
#acc2e7 |
rgb(172,194,231) |
hsl(218,55%,79%) |
#98b3e1 |
rgb(152,179,225) |
hsl(218,55%,74%) |
#84a4db |
rgb(132,164,219) |
hsl(218,55%,69%) |
#7196d6 |
rgb(113,150,214) |
hsl(218,55%,64%) |
#5d87d0 |
rgb(93,135,208) |
hsl(218,55%,59%) |
#4978ca |
rgb(73,120,202) |
hsl(218,55%,54%) |
#386bc2 |
rgb(56,107,194) |
hsl(218,55%,49%) |
#3260ae |
rgb(50,96,174) |
hsl(218,55%,44%) |
#2d559a |
rgb(45,85,154) |
hsl(218,55%,39%) |
#274a86 |
rgb(39,74,134) |
hsl(218,55%,34%) |
#213f73 |
rgb(33,63,115) |
hsl(218,55%,29%) |
#1c345f |
rgb(28,52,95) |
hsl(218,55%,24%) |
#16294b |
rgb(22,41,75) |
hsl(218,55%,19%) |
#101e37 |
rgb(16,30,55) |
hsl(218,55%,14%) |
#0a1424 |
rgb(10,20,36) |
hsl(218,55%,9%) |
#050910 |
rgb(5,9,16) |
hsl(218,55%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#38C2BD |
rgb(56,194,189) |
hsl(178,55%,49%) |
#386BC2 |
rgb(56,107,194) |
hsl(218,55%,49%) |
#6138C2 |
rgb(97,56,194) |
hsl(258,55%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7399D6 |
rgb(115,153,214) |
hsl(217,55%,65%) |
#5482CD |
rgb(84,130,205) |
hsl(217,55%,57%) |
#386BC2 |
rgb(56,107,194) |
hsl(218,55%,49%) |
#2F59A2 |
rgb(47,89,162) |
hsl(218,55%,41%) |
#264A83 |
rgb(38,74,131) |
hsl(217,55%,33%) |
#1D3864 |
rgb(29,56,100) |
hsl(217,55%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#386BC2 |
rgb(56,107,194) |
hsl(218,55%,49%) |
#C24A38 |
rgb(194,74,56) |
hsl(8,55%,49%) |
#B0C238 |
rgb(176,194,56) |
hsl(68,55%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#386BC2 |
rgb(56,107,194) |
hsl(218,55%,49%) |
#C28F38 |
rgb(194,143,56) |
hsl(38,55%,49%) |
#38B0C2 |
rgb(56,176,194) |
hsl(188,55%,49%) |
#B0C238 |
rgb(176,194,56) |
hsl(68,55%,49%) |