Preview
#ffcdd2
Family: Red
Accessibility on this swatch:
Contrast vs white: 1.41:1 · vs black: 14.92:1
HEX
#ffcdd2
RGB
rgb(255, 205, 210)
RGBA
rgba(255, 205, 210, 1)
HSL
hsl(354, 100%, 90%)
HSV
hsv(354, 20%, 100%)
LAB
lab(86.79% 18.37 4.24)
LCH
lch(86.79% 18.85 13)
OKLAB
oklab(0.8931 0.0558 0.0114)
OKLCH
oklch(0.8931 0.057 11.55)
XYZ
xyz(74.70, 69.58, 70.46)
CMYK
cmyk(0%, 20%, 18%, 0%)
CSS
color: #ffcdd2;
CSS variable
--color-ffcdd2: #ffcdd2;
SCSS
$color-ffcdd2: #ffcdd2;
Tailwind
rose-100
Export
:root {
--material-red-100-1: #ffcdd2;
}Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Red family.