HEX #386DC2 color — Indigo
The color #386dc2 is a dark shade and moderately saturated.
Palette
386dc2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(217,55%,99%) |
#e7eef8 |
rgb(231,238,248) |
hsl(217,55%,94%) |
#d4dff2 |
rgb(212,223,242) |
hsl(217,55%,89%) |
#c0d1ed |
rgb(192,209,237) |
hsl(217,55%,84%) |
#acc3e7 |
rgb(172,195,231) |
hsl(217,55%,79%) |
#98b4e1 |
rgb(152,180,225) |
hsl(217,55%,74%) |
#84a6db |
rgb(132,166,219) |
hsl(217,55%,69%) |
#7197d6 |
rgb(113,151,214) |
hsl(217,55%,64%) |
#5d89d0 |
rgb(93,137,208) |
hsl(217,55%,59%) |
#497bca |
rgb(73,123,202) |
hsl(217,55%,54%) |
#386dc2 |
rgb(56,109,194) |
hsl(217,55%,49%) |
#3262ae |
rgb(50,98,174) |
hsl(217,55%,44%) |
#2d579a |
rgb(45,87,154) |
hsl(217,55%,39%) |
#274c86 |
rgb(39,76,134) |
hsl(217,55%,34%) |
#214073 |
rgb(33,64,115) |
hsl(217,55%,29%) |
#1c355f |
rgb(28,53,95) |
hsl(217,55%,24%) |
#162a4b |
rgb(22,42,75) |
hsl(217,55%,19%) |
#101f37 |
rgb(16,31,55) |
hsl(217,55%,14%) |
#0a1424 |
rgb(10,20,36) |
hsl(217,55%,9%) |
#050910 |
rgb(5,9,16) |
hsl(217,55%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#38C2BB |
rgb(56,194,187) |
hsl(177,55%,49%) |
#386DC2 |
rgb(56,109,194) |
hsl(217,55%,49%) |
#5F38C2 |
rgb(95,56,194) |
hsl(257,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%) |
#386DC2 |
rgb(56,109,194) |
hsl(217,55%,49%) |
#2F5CA2 |
rgb(47,92,162) |
hsl(217,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 |
#386DC2 |
rgb(56,109,194) |
hsl(217,55%,49%) |
#C24738 |
rgb(194,71,56) |
hsl(7,55%,49%) |
#B2C238 |
rgb(178,194,56) |
hsl(67,55%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#386DC2 |
rgb(56,109,194) |
hsl(217,55%,49%) |
#C28C38 |
rgb(194,140,56) |
hsl(37,55%,49%) |
#38B3C2 |
rgb(56,179,194) |
hsl(187,55%,49%) |
#B2C238 |
rgb(178,194,56) |
hsl(67,55%,49%) |