#CC83FF
A light, vivid purple closely aligning with Violet.
About #CC83FF
At its core, #CC83FF is a light and vivid hue. If you're using CSS, you might find it aligns closely with Violet. Its digital footprint relies on 204 parts red, 131 parts green, and 255 parts blue light.
When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 20% C, 49% M, 0% Y, and 0% K. The HSL representation is 275.3° hue, 100.0% saturation, and 75.7% lightness.
When using this color as a background, text legibility must be considered. To prevent eye strain, #000000 text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#CC83FF
RGB204, 131, 255
HSL275.3°, 100.0%, 75.7%
CMYK20%, 49%, 0%, 0%
HSV275.3°, 48.6%, 100.0%
LAB66.7, 49.8, -51.0
XYZ51.1, 36.3, 98.9
Decimal13403135
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.54:1
Text on #FFFFFF
FAIL
8.26:1
Text on #000000
AAA
2.43:1
Text on #F8FAFC
FAIL
7.02:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #CC83FF;
}
.text-color {
color: #CC83FF;
}
.border-color {
border: 2px solid #CC83FF;
}