Preview
#ffcccc
Family: Red
Accessibility on this swatch:
Contrast vs white: 1.42:1 · vs black: 14.76:1
HEX
#ffcccc
RGB
rgb(255, 204, 204)
RGBA
rgba(255, 204, 204, 1)
HSL
hsl(0, 100%, 90%)
HSV
hsv(0, 20%, 100%)
LAB
lab(86.41% 18 6.87)
LCH
lch(86.41% 19.27 20.89)
OKLAB
oklab(0.8897 0.0551 0.0182)
OKLCH
oklch(0.8897 0.058 18.28)
XYZ
xyz(73.73, 68.81, 66.51)
CMYK
cmyk(0%, 20%, 20%, 0%)
CSS
color: #ffcccc;
CSS variable
--color-ffcccc: #ffcccc;
SCSS
$color-ffcccc: #ffcccc;
Tailwind
slate-100
Export
:root {
--web-safe-#ffcccc-1: #ffcccc;
}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.