Preview
#e3c3d6
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.61:1 · vs black: 13.04:1
HEX
#e3c3d6
RGB
rgb(227, 195, 214)
RGBA
rgba(227, 195, 214, 1)
HSL
hsl(324, 36%, 83%)
HSV
hsv(324, 14%, 89%)
LAB
lab(81.96% 14.49 -5.27)
LCH
lch(81.96% 15.42 340.01)
OKLAB
oklab(0.85 0.0417 -0.0138)
OKLCH
oklch(0.85 0.0439 341.69)
XYZ
xyz(63.33, 60.22, 71.89)
CMYK
cmyk(0%, 14%, 6%, 11%)
CSS
color: #e3c3d6;
CSS variable
--color-e3c3d6: #e3c3d6;
SCSS
$color-e3c3d6: #e3c3d6;
Tailwind
pink-100
Export
:root {
--#e3c3d6-1: #e3c3d6;
}Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Pink family.