Preview
#f2ede1
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 17.98:1
HEX
#f2ede1
RGB
rgb(242, 237, 225)
RGBA
rgba(242, 237, 225, 1)
HSL
hsl(42, 40%, 92%)
HSV
hsv(42, 7%, 95%)
LAB
lab(93.83% -0.37 6.4)
LCH
lch(93.83% 6.41 93.31)
OKLAB
oklab(0.9467 0.0006 0.0168)
OKLCH
oklch(0.9467 0.0168 87.95)
XYZ
xyz(80.49, 84.88, 83.36)
CMYK
cmyk(0%, 2%, 7%, 5%)
CSS
color: #f2ede1;
CSS variable
--color-f2ede1: #f2ede1;
SCSS
$color-f2ede1: #f2ede1;
Tailwind
orange-50
Export
:root {
--#f2ede1-1: #f2ede1;
}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.