HEX #5675BF color — Indigo
The color #5675BF is a dark shade and moderately saturated.
Palette
5675BF color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(222,45%,99%) |
#e9edf7 |
rgb(233,237,247) |
hsl(222,45%,94%) |
#d6def0 |
rgb(214,222,240) |
hsl(222,45%,89%) |
#c4cfe9 |
rgb(196,207,233) |
hsl(222,45%,84%) |
#b1c0e2 |
rgb(177,192,226) |
hsl(222,45%,79%) |
#9fb1db |
rgb(159,177,219) |
hsl(222,45%,74%) |
#8ca2d4 |
rgb(140,162,212) |
hsl(222,45%,69%) |
#7a93cd |
rgb(122,147,205) |
hsl(222,45%,64%) |
#6784c5 |
rgb(103,132,197) |
hsl(222,45%,59%) |
#5575be |
rgb(85,117,190) |
hsl(222,45%,54%) |
#4566b5 |
rgb(69,102,181) |
hsl(222,45%,49%) |
#3e5ca3 |
rgb(62,92,163) |
hsl(222,45%,44%) |
#375290 |
rgb(55,82,144) |
hsl(222,45%,39%) |
#30477e |
rgb(48,71,126) |
hsl(222,45%,34%) |
#293d6b |
rgb(41,61,107) |
hsl(222,45%,29%) |
#223259 |
rgb(34,50,89) |
hsl(222,45%,24%) |
#1b2846 |
rgb(27,40,70) |
hsl(222,45%,19%) |
#141d34 |
rgb(20,29,52) |
hsl(222,45%,14%) |
#0d1321 |
rgb(13,19,33) |
hsl(222,45%,9%) |
#06080f |
rgb(6,8,15) |
hsl(222,45%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BABF |
rgb(86,186,191) |
hsl(183,45%,54%) |
#5675BF |
rgb(86,117,191) |
hsl(222,45%,54%) |
#7D57BF |
rgb(125,87,191) |
hsl(262,45%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96A8D7 |
rgb(150,168,215) |
hsl(223,45%,72%) |
#768FCB |
rgb(118,143,203) |
hsl(222,45%,63%) |
#5675BF |
rgb(86,117,191) |
hsl(222,45%,54%) |
#3F5EA8 |
rgb(63,94,168) |
hsl(222,45%,45%) |
#334D88 |
rgb(51,77,136) |
hsl(222,45%,37%) |
#273B68 |
rgb(39,59,104) |
hsl(222,45%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5675BF |
rgb(86,117,191) |
hsl(222,45%,54%) |
#BF6B56 |
rgb(191,107,86) |
hsl(12,45%,54%) |
#A9BF56 |
rgb(169,191,86) |
hsl(73,45%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5675BF |
rgb(86,117,191) |
hsl(222,45%,54%) |
#BFA156 |
rgb(191,161,86) |
hsl(43,45%,54%) |
#56A8BF |
rgb(86,168,191) |
hsl(193,45%,54%) |
#A9BF56 |
rgb(169,191,86) |
hsl(73,45%,54%) |