Skip to content

#ebc9fb

a pale, electric violet · warm · closest name: plum

RGB
235, 201, 251
HSL
281°, 86%, 89%
CMYK
6, 20, 0, 2
Luminance
0.6640

Every format

HEX#ebc9fb
RGBrgb(235, 201, 251)
HSLhsl(281, 86%, 89%)
CMYKcmyk(6%, 20%, 0%, 2%)
LABlab(85.2 20.8 -20.1)
LCHlch(85.2 28.9 316.0)
OKLCHoklch(0.880 0.077 314.9)

Copy-ready code

/* CSS */
color: #ebc9fb;
background-color: #ebc9fb;
/* Tailwind (arbitrary) */
class="text-[#ebc9fb] bg-[#ebc9fb]"
/* SCSS */
$brand: #ebc9fb;
/* SwiftUI */
Color(red: 0.922, green: 0.788, blue: 0.984)
/* Android */
Color.parseColor("#ebc9fb")

Accessibility — WCAG contrast

Aa
#ebc9fb on white: 1.47:1
AA ✗ fail · AA-large · AAA
Aa
#ebc9fb on black: 14.28:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red92.2%
Green78.8%
Blue98.4%

CMYK percentages

Cyan6.4%
Magenta19.9%
Yellow0.0%
Key (black)1.6%

Color previews

#ebc9fb text on a black background

contrast 14.28:1

Card sample

#ebc9fb text on a white background

contrast 1.47:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #ebc9fb;
Background color
Panel with #ebc9fb background
background-color: #ebc9fb;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #ebc9fb;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(235, 201, 251, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(235, 201, 251, 0.45);
Border & gradient
Gradient panel
border: 3px solid #ebc9fb;
background: linear-gradient(135deg, #ebc9fb, #FBC9EA);

Monochromatic scale

Palettes built from #ebc9fb

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Work with #ebc9fb in the Color Lab