HEX #565EC7 color — Indigo
The color #565EC7 is a dark shade and moderately saturated.
Palette
565EC7 color palette from light to dark
HEX |
RGB |
HSL |
#f0f0fa |
rgb(240,240,250) |
hsl(236,50%,96%) |
#dddef4 |
rgb(221,222,244) |
hsl(236,50%,91%) |
#c9cced |
rgb(201,204,237) |
hsl(236,50%,86%) |
#b6bae7 |
rgb(182,186,231) |
hsl(236,50%,81%) |
#a3a7e0 |
rgb(163,167,224) |
hsl(236,50%,76%) |
#9095da |
rgb(144,149,218) |
hsl(236,50%,71%) |
#7d83d4 |
rgb(125,131,212) |
hsl(236,50%,66%) |
#6a70cd |
rgb(106,112,205) |
hsl(236,50%,61%) |
#575ec7 |
rgb(87,94,199) |
hsl(236,50%,56%) |
#444cc1 |
rgb(68,76,193) |
hsl(236,50%,51%) |
#3b42b0 |
rgb(59,66,176) |
hsl(236,50%,46%) |
#343b9d |
rgb(52,59,157) |
hsl(236,50%,41%) |
#2e348a |
rgb(46,52,138) |
hsl(236,50%,36%) |
#282d77 |
rgb(40,45,119) |
hsl(236,50%,31%) |
#212663 |
rgb(33,38,99) |
hsl(236,50%,26%) |
#1b1e50 |
rgb(27,30,80) |
hsl(236,50%,21%) |
#14173d |
rgb(20,23,61) |
hsl(236,50%,16%) |
#0e102a |
rgb(14,16,42) |
hsl(236,50%,11%) |
#080917 |
rgb(8,9,23) |
hsl(236,50%,6%) |
#010104 |
rgb(1,1,4) |
hsl(236,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A8C7 |
rgb(86,168,199) |
hsl(196,50%,56%) |
#565EC7 |
rgb(86,94,199) |
hsl(236,50%,56%) |
#9957C7 |
rgb(153,87,199) |
hsl(275,50%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9A9EDD |
rgb(154,158,221) |
hsl(236,50%,74%) |
#7880D2 |
rgb(120,128,210) |
hsl(235,50%,65%) |
#565EC7 |
rgb(86,94,199) |
hsl(236,50%,56%) |
#3B45B3 |
rgb(59,69,179) |
hsl(235,50%,47%) |
#303891 |
rgb(48,56,145) |
hsl(235,50%,38%) |
#242B6F |
rgb(36,43,111) |
hsl(234,51%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#565EC7 |
rgb(86,94,199) |
hsl(236,50%,56%) |
#C78756 |
rgb(199,135,86) |
hsl(26,50%,56%) |
#96C756 |
rgb(150,199,86) |
hsl(86,50%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#565EC7 |
rgb(86,94,199) |
hsl(236,50%,56%) |
#C7BF56 |
rgb(199,191,86) |
hsl(56,50%,56%) |
#5696C7 |
rgb(86,150,199) |
hsl(206,50%,56%) |
#96C756 |
rgb(150,199,86) |
hsl(86,50%,56%) |