HEX #565CC4 color — Indigo
The color #565CC4 is a dark shade and moderately saturated.
Palette
565CC4 color palette from light to dark
HEX |
RGB |
HSL |
#ecedf8 |
rgb(236,237,248) |
hsl(237,48%,95%) |
#d9daf2 |
rgb(217,218,242) |
hsl(237,48%,90%) |
#c6c8eb |
rgb(198,200,235) |
hsl(237,48%,85%) |
#b4b6e4 |
rgb(180,182,228) |
hsl(237,48%,80%) |
#a1a4de |
rgb(161,164,222) |
hsl(237,48%,75%) |
#8e91d7 |
rgb(142,145,215) |
hsl(237,48%,70%) |
#7b7fd1 |
rgb(123,127,209) |
hsl(237,48%,65%) |
#686dca |
rgb(104,109,202) |
hsl(237,48%,60%) |
#555bc3 |
rgb(85,91,195) |
hsl(237,48%,55%) |
#4248bd |
rgb(66,72,189) |
hsl(237,48%,50%) |
#3c41aa |
rgb(60,65,170) |
hsl(237,48%,45%) |
#353a97 |
rgb(53,58,151) |
hsl(237,48%,40%) |
#2e3384 |
rgb(46,51,132) |
hsl(237,48%,35%) |
#282b71 |
rgb(40,43,113) |
hsl(237,48%,30%) |
#21245e |
rgb(33,36,94) |
hsl(237,48%,25%) |
#1b1d4b |
rgb(27,29,75) |
hsl(237,48%,20%) |
#141639 |
rgb(20,22,57) |
hsl(237,48%,15%) |
#0d0e26 |
rgb(13,14,38) |
hsl(237,48%,10%) |
#070713 |
rgb(7,7,19) |
hsl(237,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A6C4 |
rgb(86,166,196) |
hsl(196,48%,55%) |
#565CC4 |
rgb(86,92,196) |
hsl(237,48%,55%) |
#9957C4 |
rgb(153,87,196) |
hsl(276,48%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#989CDB |
rgb(152,156,219) |
hsl(236,48%,73%) |
#777DCF |
rgb(119,125,207) |
hsl(236,48%,64%) |
#565CC4 |
rgb(86,92,196) |
hsl(237,48%,55%) |
#3D42AF |
rgb(61,66,175) |
hsl(237,48%,46%) |
#31368E |
rgb(49,54,142) |
hsl(237,49%,37%) |
#25296C |
rgb(37,41,108) |
hsl(237,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#565CC4 |
rgb(86,92,196) |
hsl(237,48%,55%) |
#C48756 |
rgb(196,135,86) |
hsl(27,48%,55%) |
#93C456 |
rgb(147,196,86) |
hsl(87,48%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#565CC4 |
rgb(86,92,196) |
hsl(237,48%,55%) |
#C4BF56 |
rgb(196,191,86) |
hsl(57,48%,55%) |
#5694C4 |
rgb(86,148,196) |
hsl(206,48%,55%) |
#93C456 |
rgb(147,196,86) |
hsl(87,48%,55%) |