Mauve#E0B0FF
#E0B0FF is a very light, moderate violet. Relative luminance 0.541; OKLCH L 82.7% C 0.119 H 311.6°. Best body text is #000000 at 11.82:1 contrast (WCAG AA passes).
Color values
| HEX | #E0B0FF |
|---|---|
| RGB | rgb(224, 176, 255) |
| HSL | hsl(276, 100%, 85%) |
| HSV | hsv(276, 31%, 100%) |
| CMYK | cmyk(12.2%, 31%, 0%, 0%) |
| CIE-LAB | lab(78.53, 31.50, -32.48) |
| CIE-LCH | lch(78.53, 45.25, 314.12°) |
| OKLab | oklab(82.74% 0.0791 -0.089) |
| OKLCH | oklch(82.74% 0.119 311.6) |
| XYZ | xyz(64.3127, 54.1188, 101.6463) |
| Luminance | 0.5412 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Mauve
#E0B0FF
ΔE00 0.00
Light Violet
#D6B4FC
ΔE00 2.70
Pale Violet
#CEAEFA
ΔE00 3.60
Lilac (survey)
#CEA2FD
ΔE00 4.65
Light Lavendar
#EFC0FE
ΔE00 5.13
Lavender (survey)
#C79FEF
ΔE00 5.31
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#E0B0FF #CFFFB0
analogous
#B9B0FF #E0B0FF #FFB0F6
triadic
#E0B0FF #FFE0B0 #B0FFE0
tetradic
#E0B0FF #FFB9B0 #CFFFB0 #B0F6FF
square
#E0B0FF #FFB9B0 #CFFFB0 #B0F6FF
split-complementary
#E0B0FF #F6FFB0 #B0FFB9
monochromatic
#B036FF #C873FF #E0B0FF #F3E0FF #F3E0FF
Accessibility & contrast
On white
1.78
#E0B0FF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.82
#E0B0FF on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #E0B0FF
11.82:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##E0B0FF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E0B0FF | 1.00 | 1.78 | 11.82 | 11.82 |
| #FFFFFF | 1.78 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.82 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.82 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#A3C0FF
Deuteranopia (green-blind)
#ADC3FD
Tritanopia (blue-blind)
#DDBACD
Achromatopsia (no color)
#C2C2C2
Related colors
#C79DE2#AF8AC6#9778AB#806691#6A5577#54445E#403447#2C2430#1A161C#000000#E4B8FF#E7C0FF#EAC8FF#EDD0FF#F1D7FF#F4DFFF#F7E7FF#FAEFFF#FCF7FF#FFFFFF#DDB2F9#DBB4F3#D8B6ED#D5B8E7Plum
#DDA0DD
Lavender
#B39DDB
Lilac
#C8A2C8
Periwinkle
#CCCCFF
Indigo
#4B0082
Orchid
#DA70D6
Purple
#800080
Royal Purple
#7851A9
Palettes with this color
#FADADD
#D0E8F2
#FFEFD5
#D9E8D5
#E8D5E8
Pastel Color Palette
#A8D8B9
#F9C8D5
#FDE8B6
#BFE3F0
#D5E8C4
Spring Color Palette
#FFFFF0
#FFFFF8
#7E7E74
#F3F3FC
#DDDDD0
Ivory Color Palette
#FFFDD0
#FFFFEA
#7E7D60
#DBDCF4
#DDDBB4
Cream Color Palette
Design tokens & code
CSS
--color: #e0b0ff; /* rgb */ color: rgb(224, 176, 255); /* oklch */ color: oklch(82.7% 0.119 311.6);
Tailwind
colors: {
custom: {
50: '#eac8ff',
500: '#e0b0ff',
950: '#000000',
},
}SCSS
$custom: #e0b0ff; $custom-light: #eac8ff; $custom-dark: #000000;
JSON
{
"hex": "#e0b0ff",
"rgb": {
"r": 224,
"g": 176,
"b": 255
},
"hsl": {
"h": 276.456,
"s": 100,
"l": 84.51
},
"oklch": {
"l": 0.82735,
"c": 0.11907,
"h": 311.6
},
"luminance": 0.54118
}Semantic roles & 50–950 ramp
primary
#E0B0FF
secondary
#9DE56E
accent
#E6005A
background
#FEFDFF
surface
#FDF9FF
border
#D5D2D7
text
#161318
muted
#848286