HEX #5673BD color — Indigo
The color #5673bd is a dark shade and moderately saturated.
Palette
5673bd color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(223,44%,99%) |
#e9edf6 |
rgb(233,237,246) |
hsl(223,44%,94%) |
#d7deef |
rgb(215,222,239) |
hsl(223,44%,89%) |
#c4cee8 |
rgb(196,206,232) |
hsl(223,44%,84%) |
#b2bfe1 |
rgb(178,191,225) |
hsl(223,44%,79%) |
#a0b0da |
rgb(160,176,218) |
hsl(223,44%,74%) |
#8da1d3 |
rgb(141,161,211) |
hsl(223,44%,69%) |
#7b92cc |
rgb(123,146,204) |
hsl(223,44%,64%) |
#6883c4 |
rgb(104,131,196) |
hsl(223,44%,59%) |
#5673bd |
rgb(86,115,189) |
hsl(223,44%,54%) |
#4665b4 |
rgb(70,101,180) |
hsl(223,44%,49%) |
#3f5ba2 |
rgb(63,91,162) |
hsl(223,44%,44%) |
#38508f |
rgb(56,80,143) |
hsl(223,44%,39%) |
#31467d |
rgb(49,70,125) |
hsl(223,44%,34%) |
#293c6a |
rgb(41,60,106) |
hsl(223,44%,29%) |
#223258 |
rgb(34,50,88) |
hsl(223,44%,24%) |
#1b2746 |
rgb(27,39,70) |
hsl(223,44%,19%) |
#141d33 |
rgb(20,29,51) |
hsl(223,44%,14%) |
#0d1321 |
rgb(13,19,33) |
hsl(223,44%,9%) |
#06080f |
rgb(6,8,15) |
hsl(223,44%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B8BD |
rgb(86,184,189) |
hsl(183,44%,54%) |
#5673BD |
rgb(86,115,189) |
hsl(223,44%,54%) |
#7D57BD |
rgb(125,87,189) |
hsl(262,44%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95A8D5 |
rgb(149,168,213) |
hsl(222,43%,71%) |
#758CC9 |
rgb(117,140,201) |
hsl(224,44%,62%) |
#5673BD |
rgb(86,115,189) |
hsl(223,44%,54%) |
#405EA6 |
rgb(64,94,166) |
hsl(222,44%,45%) |
#344D86 |
rgb(52,77,134) |
hsl(222,44%,36%) |
#283B66 |
rgb(40,59,102) |
hsl(222,44%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5673BD |
rgb(86,115,189) |
hsl(223,44%,54%) |
#BD6E56 |
rgb(189,110,86) |
hsl(14,44%,54%) |
#A6BD56 |
rgb(166,189,86) |
hsl(73,44%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5673BD |
rgb(86,115,189) |
hsl(223,44%,54%) |
#BDA156 |
rgb(189,161,86) |
hsl(44,44%,54%) |
#56A6BD |
rgb(86,166,189) |
hsl(193,44%,54%) |
#A6BD56 |
rgb(166,189,86) |
hsl(73,44%,54%) |