HEX #5675BD color — Indigo
The color #5675bd is a dark shade and moderately saturated.
Palette
5675bd color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(222,44%,99%) |
#e9edf6 |
rgb(233,237,246) |
hsl(222,44%,94%) |
#d7deef |
rgb(215,222,239) |
hsl(222,44%,89%) |
#c4cfe8 |
rgb(196,207,232) |
hsl(222,44%,84%) |
#b2c0e1 |
rgb(178,192,225) |
hsl(222,44%,79%) |
#a0b1da |
rgb(160,177,218) |
hsl(222,44%,74%) |
#8da2d3 |
rgb(141,162,211) |
hsl(222,44%,69%) |
#7b93cc |
rgb(123,147,204) |
hsl(222,44%,64%) |
#6884c4 |
rgb(104,132,196) |
hsl(222,44%,59%) |
#5675bd |
rgb(86,117,189) |
hsl(222,44%,54%) |
#4667b4 |
rgb(70,103,180) |
hsl(222,44%,49%) |
#3f5ca2 |
rgb(63,92,162) |
hsl(222,44%,44%) |
#38528f |
rgb(56,82,143) |
hsl(222,44%,39%) |
#31477d |
rgb(49,71,125) |
hsl(222,44%,34%) |
#293d6a |
rgb(41,61,106) |
hsl(222,44%,29%) |
#223258 |
rgb(34,50,88) |
hsl(222,44%,24%) |
#1b2846 |
rgb(27,40,70) |
hsl(222,44%,19%) |
#141d33 |
rgb(20,29,51) |
hsl(222,44%,14%) |
#0d1321 |
rgb(13,19,33) |
hsl(222,44%,9%) |
#06080f |
rgb(6,8,15) |
hsl(222,44%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BABD |
rgb(86,186,189) |
hsl(182,44%,54%) |
#5675BD |
rgb(86,117,189) |
hsl(222,44%,54%) |
#7B57BD |
rgb(123,87,189) |
hsl(261,44%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95A8D5 |
rgb(149,168,213) |
hsl(222,43%,71%) |
#758FC9 |
rgb(117,143,201) |
hsl(221,44%,62%) |
#5675BD |
rgb(86,117,189) |
hsl(222,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 |
#5675BD |
rgb(86,117,189) |
hsl(222,44%,54%) |
#BD6B56 |
rgb(189,107,86) |
hsl(12,44%,54%) |
#A8BD56 |
rgb(168,189,86) |
hsl(72,44%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5675BD |
rgb(86,117,189) |
hsl(222,44%,54%) |
#BD9E56 |
rgb(189,158,86) |
hsl(42,44%,54%) |
#56A8BD |
rgb(86,168,189) |
hsl(192,44%,54%) |
#A8BD56 |
rgb(168,189,86) |
hsl(72,44%,54%) |