Preview
#f0ecea
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 17.89:1
HEX
#f0ecea
RGB
rgb(240, 236, 234)
RGBA
rgba(240, 236, 234, 1)
HSL
hsl(20, 17%, 93%)
HSV
hsv(20, 3%, 94%)
LAB
lab(93.65% 0.99 1.44)
LCH
lch(93.65% 1.75 55.49)
OKLAB
oklab(0.9456 0.0034 0.0038)
OKLCH
oklch(0.9456 0.0051 48.18)
XYZ
xyz(80.78, 84.46, 89.87)
CMYK
cmyk(0%, 2%, 3%, 6%)
CSS
color: #f0ecea;
CSS variable
--color-f0ecea: #f0ecea;
SCSS
$color-f0ecea: #f0ecea;
Tailwind
red-50
Export
:root {
--#f0ecea-1: #f0ecea;
}Bold warmth and intensity. Strong for food, sports, and energetic identities.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.