HEX #566BD5 color — Indigo
The color #566BD5 is a dark shade and moderately saturated.
Palette
566BD5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(230,60%,99%) |
#e7eaf9 |
rgb(231,234,249) |
hsl(230,60%,94%) |
#d2d8f4 |
rgb(210,216,244) |
hsl(230,60%,89%) |
#bec6ef |
rgb(190,198,239) |
hsl(230,60%,84%) |
#a9b4ea |
rgb(169,180,234) |
hsl(230,60%,79%) |
#95a2e4 |
rgb(149,162,228) |
hsl(230,60%,74%) |
#8190df |
rgb(129,144,223) |
hsl(230,60%,69%) |
#6c7eda |
rgb(108,126,218) |
hsl(230,60%,64%) |
#586dd5 |
rgb(88,109,213) |
hsl(230,60%,59%) |
#435bd0 |
rgb(67,91,208) |
hsl(230,60%,54%) |
#324bc8 |
rgb(50,75,200) |
hsl(230,60%,49%) |
#2d43b4 |
rgb(45,67,180) |
hsl(230,60%,44%) |
#283c9f |
rgb(40,60,159) |
hsl(230,60%,39%) |
#23348b |
rgb(35,52,139) |
hsl(230,60%,34%) |
#1e2c76 |
rgb(30,44,118) |
hsl(230,60%,29%) |
#182562 |
rgb(24,37,98) |
hsl(230,60%,24%) |
#131d4e |
rgb(19,29,78) |
hsl(230,60%,19%) |
#0e1539 |
rgb(14,21,57) |
hsl(230,60%,14%) |
#090e25 |
rgb(9,14,37) |
hsl(230,60%,9%) |
#040610 |
rgb(4,6,16) |
hsl(230,60%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BFD5 |
rgb(86,191,213) |
hsl(190,60%,59%) |
#566BD5 |
rgb(86,107,213) |
hsl(230,60%,59%) |
#9557D5 |
rgb(149,87,213) |
hsl(270,60%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A2ADE8 |
rgb(162,173,232) |
hsl(231,60%,77%) |
#7C8CDE |
rgb(124,140,222) |
hsl(230,60%,68%) |
#566BD5 |
rgb(86,107,213) |
hsl(230,60%,59%) |
#314AC9 |
rgb(49,74,201) |
hsl(230,61%,49%) |
#283DA2 |
rgb(40,61,162) |
hsl(230,60%,40%) |
#1E2E7C |
rgb(30,46,124) |
hsl(230,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#566BD5 |
rgb(86,107,213) |
hsl(230,60%,59%) |
#D58056 |
rgb(213,128,86) |
hsl(20,60%,59%) |
#AAD656 |
rgb(170,214,86) |
hsl(81,61%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#566BD5 |
rgb(86,107,213) |
hsl(230,60%,59%) |
#D5BF56 |
rgb(213,191,86) |
hsl(50,60%,59%) |
#56ABD5 |
rgb(86,171,213) |
hsl(200,60%,59%) |
#AAD656 |
rgb(170,214,86) |
hsl(81,61%,59%) |