Preview
#faf5ea
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.31:1
HEX
#faf5ea
RGB
rgb(250, 245, 234)
RGBA
rgba(250, 245, 234, 1)
HSL
hsl(41, 62%, 95%)
HSV
hsv(41, 6%, 98%)
LAB
lab(96.64% -0.2 5.88)
LCH
lch(96.64% 5.88 91.95)
OKLAB
oklab(0.971 0.001 0.0155)
OKLCH
oklch(0.971 0.0155 86.31)
XYZ
xyz(86.93, 91.57, 90.92)
CMYK
cmyk(0%, 2%, 6%, 2%)
CSS
color: #faf5ea;
CSS variable
--color-faf5ea: #faf5ea;
SCSS
$color-faf5ea: #faf5ea;
Tailwind
orange-50
Export
:root {
--#faf5ea-1: #faf5ea;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.