HEX #566EC2 color — Indigo
The color #566ec2 is a dark shade and moderately saturated.
Palette
566ec2 color palette from light to dark
HEX |
RGB |
HSL |
#eceff8 |
rgb(236,239,248) |
hsl(227,47%,95%) |
#dadff1 |
rgb(218,223,241) |
hsl(227,47%,90%) |
#c7cfeb |
rgb(199,207,235) |
hsl(227,47%,85%) |
#b4bee4 |
rgb(180,190,228) |
hsl(227,47%,80%) |
#a1aedd |
rgb(161,174,221) |
hsl(227,47%,75%) |
#8f9ed6 |
rgb(143,158,214) |
hsl(227,47%,70%) |
#7c8ed0 |
rgb(124,142,208) |
hsl(227,47%,65%) |
#697ec9 |
rgb(105,126,201) |
hsl(227,47%,60%) |
#566ec2 |
rgb(86,110,194) |
hsl(227,47%,55%) |
#445ebb |
rgb(68,94,187) |
hsl(227,47%,50%) |
#3d54a9 |
rgb(61,84,169) |
hsl(227,47%,45%) |
#364b96 |
rgb(54,75,150) |
hsl(227,47%,40%) |
#2f4183 |
rgb(47,65,131) |
hsl(227,47%,35%) |
#293870 |
rgb(41,56,112) |
hsl(227,47%,30%) |
#222f5e |
rgb(34,47,94) |
hsl(227,47%,25%) |
#1b254b |
rgb(27,37,75) |
hsl(227,47%,20%) |
#141c38 |
rgb(20,28,56) |
hsl(227,47%,15%) |
#0e1325 |
rgb(14,19,37) |
hsl(227,47%,10%) |
#070913 |
rgb(7,9,19) |
hsl(227,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B5C2 |
rgb(86,181,194) |
hsl(187,47%,55%) |
#566EC2 |
rgb(86,110,194) |
hsl(227,47%,55%) |
#8657C2 |
rgb(134,87,194) |
hsl(266,47%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97A6D9 |
rgb(151,166,217) |
hsl(226,46%,72%) |
#768ACD |
rgb(118,138,205) |
hsl(226,47%,63%) |
#566EC2 |
rgb(86,110,194) |
hsl(227,47%,55%) |
#3E57AC |
rgb(62,87,172) |
hsl(226,47%,46%) |
#32478B |
rgb(50,71,139) |
hsl(226,47%,37%) |
#26366A |
rgb(38,54,106) |
hsl(226,47%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#566EC2 |
rgb(86,110,194) |
hsl(227,47%,55%) |
#C27356 |
rgb(194,115,86) |
hsl(16,47%,55%) |
#A4C256 |
rgb(164,194,86) |
hsl(77,47%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#566EC2 |
rgb(86,110,194) |
hsl(227,47%,55%) |
#C2AB56 |
rgb(194,171,86) |
hsl(47,47%,55%) |
#56A3C2 |
rgb(86,163,194) |
hsl(197,47%,55%) |
#A4C256 |
rgb(164,194,86) |
hsl(77,47%,55%) |