#570083
A dark, vivid purple closely aligning with Indigo.
About #570083
At its core, #570083 is a dark and vivid hue. Its closest recognized web color is Indigo. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 0, and 131.
If you are designing for print, the four-color process is what matters most. The color uses 34% Cyan, 100% Magenta, 0% Yellow, and 49% Black. The HSL representation is 279.8° hue, 100.0% saturation, and 25.7% lightness.
Ensuring your text is legible against this background is a key part of web design. Because it is a dark color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#570083
RGB87, 0, 131
HSL279.8°, 100.0%, 25.7%
CMYK34%, 100%, 0%, 49%
HSV279.8°, 100.0%, 51.4%
LAB22.5, 53.3, -50.5
XYZ8.0, 3.7, 21.8
Decimal5701763
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
12.12:1
Text on #FFFFFF
AAA
1.73:1
Text on #000000
FAIL
11.58:1
Text on #F8FAFC
AAA
1.47:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #570083;
}
.text-color {
color: #570083;
}
.border-color {
border: 2px solid #570083;
}