Preview
#faf6cc
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.1:1 · vs black: 19.12:1
HEX
#faf6cc
RGB
rgb(250, 246, 204)
RGBA
rgba(250, 246, 204, 1)
HSL
hsl(55, 82%, 89%)
HSV
hsv(55, 18%, 98%)
LAB
lab(96.24% -5.36 20.73)
LCH
lch(96.24% 21.41 104.5)
OKLAB
oklab(0.9657 -0.0122 0.0532)
OKLCH
oklch(0.9657 0.0546 102.92)
XYZ
xyz(83.28, 90.60, 70.21)
CMYK
cmyk(0%, 2%, 18%, 2%)
CSS
color: #faf6cc;
CSS variable
--color-faf6cc: #faf6cc;
SCSS
$color-faf6cc: #faf6cc;
Tailwind
orange-100
Export
:root {
--#faf6cc-1: #faf6cc;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.