HEX #366EBE color — Indigo
The color #366EBE is a dark shade and moderately saturated.
Palette
366EBE color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(215,56%,98%) |
#e3ebf7 |
rgb(227,235,247) |
hsl(215,56%,93%) |
#cfdef2 |
rgb(207,222,242) |
hsl(215,56%,88%) |
#bbd0ec |
rgb(187,208,236) |
hsl(215,56%,83%) |
#a7c2e6 |
rgb(167,194,230) |
hsl(215,56%,78%) |
#94b4e1 |
rgb(148,180,225) |
hsl(215,56%,73%) |
#80a6db |
rgb(128,166,219) |
hsl(215,56%,68%) |
#6c98d5 |
rgb(108,152,213) |
hsl(215,56%,63%) |
#588ad0 |
rgb(88,138,208) |
hsl(215,56%,58%) |
#447cca |
rgb(68,124,202) |
hsl(215,56%,53%) |
#366fbf |
rgb(54,111,191) |
hsl(215,56%,48%) |
#3063ab |
rgb(48,99,171) |
hsl(215,56%,43%) |
#2b5897 |
rgb(43,88,151) |
hsl(215,56%,38%) |
#254c83 |
rgb(37,76,131) |
hsl(215,56%,33%) |
#1f416f |
rgb(31,65,111) |
hsl(215,56%,28%) |
#1a355b |
rgb(26,53,91) |
hsl(215,56%,23%) |
#142a48 |
rgb(20,42,72) |
hsl(215,56%,18%) |
#0f1e34 |
rgb(15,30,52) |
hsl(215,56%,13%) |
#091220 |
rgb(9,18,32) |
hsl(215,56%,8%) |
#03070c |
rgb(3,7,12) |
hsl(215,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36BFB3 |
rgb(54,191,179) |
hsl(175,56%,48%) |
#366EBE |
rgb(54,110,190) |
hsl(215,56%,48%) |
#5836BE |
rgb(88,54,190) |
hsl(255,56%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6C99D5 |
rgb(108,153,213) |
hsl(214,56%,63%) |
#4E82CC |
rgb(78,130,204) |
hsl(215,55%,55%) |
#366EBE |
rgb(54,110,190) |
hsl(215,56%,48%) |
#2D5C9F |
rgb(45,92,159) |
hsl(215,56%,40%) |
#244A81 |
rgb(36,74,129) |
hsl(215,56%,32%) |
#1C3862 |
rgb(28,56,98) |
hsl(216,56%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#366EBE |
rgb(54,110,190) |
hsl(215,56%,48%) |
#BE4236 |
rgb(190,66,54) |
hsl(5,56%,48%) |
#B2BF36 |
rgb(178,191,54) |
hsl(66,56%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366EBE |
rgb(54,110,190) |
hsl(215,56%,48%) |
#BE8736 |
rgb(190,135,54) |
hsl(36,56%,48%) |
#36B3BE |
rgb(54,179,190) |
hsl(185,56%,48%) |
#B2BF36 |
rgb(178,191,54) |
hsl(66,56%,48%) |