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