RGB
224, 175, 255
HSL
277°, 100%, 84%
CMYK
12, 31, 0, 0
HSV
277°, 31%, 100%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #E0AFFF |
color: #E0AFFF;
|
| RGB | 224, 175, 255 |
color: rgb(224, 175, 255);
|
| RGB Percentage | 88%, 69%, 100% |
color: rgb(88%, 69%, 100%);
|
| CMYK | 12%, 31%, 0%, 0% | Not supported in CSS |
| HSL | 277°, 100%, 84% |
color: hsl(277, 100%, 84%);
|
| HSV | 277°, 31%, 100% | Not supported in CSS |
| CIE-LAB | 67, 10, -27 |
color: lab(67% 10 -27);
|
| Decimal | 14725119 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.mauve {
color: #E0AFFF;
}
SCSS
$mauve: #E0AFFF;
RGB
rgb(224, 175, 255)
Accessibility & Contrast
White background
1.79:1
1.79
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
11.75:1
11.75
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element