Indigo

#560591
RGB
86, 5, 145
HSL
275°, 93%, 29%
CMYK
41, 97, 0, 43
HSV
275°, 97%, 57%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #560591 color: #560591;
RGB 86, 5, 145 color: rgb(86, 5, 145);
RGB Percentage 34%, 2%, 57% color: rgb(34%, 2%, 57%);
CMYK 41%, 97%, 0%, 43% Not supported in CSS
HSL 275°, 93%, 29% color: hsl(275, 93%, 29%);
HSV 275°, 97%, 57% Not supported in CSS
CIE-LAB 23, 16, -47 color: lab(23% 16 -47);
Decimal 5637521 Not supported in CSS

Color Variations

Shades

#55058F
#4D0580
#440472
#3C0464
#330356
#2B0347
#220239
#1A022B

Tints

#D196FB
#C273FA
#B350F9
#A32DF7
#940AF6
#7F08D5
#6A06B2
#55058F

Tones

#55058F
#540C88
#531381
#521A7A
#512173
#50286C
#4F2E65
#4D355F

Hues

#55058F
#8F0561
#8F1105
#8F7805
#3E8F05
#058F33
#05838F
#051C8F

Color Harmonies

Analogous

#11058F
Click to copy
Dark Blue
84%
#560591
Click to copy
Indigo
100%
#8F0583
Click to copy
Dark Purple
87%

Complementary

#560591
Click to copy
Indigo
100%
#3E8F05
Click to copy
Dark Green
55%

Split Complementary

#560591
Click to copy
Indigo
100%
#838F05
Click to copy
Dark Yellow
54%
#058F11
Click to copy
Dark Green
54%

Triadic

#560591
Click to copy
Indigo
100%
#8F5505
Click to copy
Dark Orange
61%
#058F55
Click to copy
Dark Cyan
61%

Tetradic

#560591
Click to copy
Indigo
100%
#8F1105
Click to copy
Dark Red
66%
#3E8F05
Click to copy
Dark Green
55%
#05838F
Click to copy
Dark Cyan
66%

Square

#560591
Click to copy
Indigo
100%
#8F1105
Click to copy
Dark Red
66%
#3E8F05
Click to copy
Dark Green
55%
#05838F
Click to copy
Dark Cyan
66%

CSS & Dev Snippets

CSS
.indigo {
  color: #560591;
}
SCSS
$indigo: #560591;
RGB
rgb(86, 5, 145)

Accessibility & Contrast

White background

11.50:1
11.50
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

1.83:1
1.83
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags