Preview
#f0eeea
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.16:1 · vs black: 18.12:1
HEX
#f0eeea
RGB
rgb(240, 238, 234)
RGBA
rgba(240, 238, 234, 1)
HSL
hsl(40, 17%, 93%)
HSV
hsv(40, 3%, 94%)
LAB
lab(94.15% -0.03 2.17)
LCH
lch(94.15% 2.17 90.79)
OKLAB
oklab(0.9495 0.0005 0.0057)
OKLCH
oklch(0.9495 0.0057 84.99)
XYZ
xyz(81.36, 85.62, 90.07)
CMYK
cmyk(0%, 1%, 3%, 6%)
CSS
color: #f0eeea;
CSS variable
--color-f0eeea: #f0eeea;
SCSS
$color-f0eeea: #f0eeea;
Tailwind
orange-50
Export
:root {
--#f0eeea-1: #f0eeea;
}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.