Preview
#f4f2ed
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.12:1 · vs black: 18.77:1
HEX
#f4f2ed
RGB
rgb(244, 242, 237)
RGBA
rgba(244, 242, 237, 1)
HSL
hsl(43, 24%, 94%)
HSV
hsv(43, 3%, 96%)
LAB
lab(95.52% -0.2 2.64)
LCH
lch(95.52% 2.65 94.33)
OKLAB
oklab(0.9613 0.0002 0.007)
OKLCH
oklch(0.9613 0.007 88.36)
XYZ
xyz(84.34, 88.85, 92.81)
CMYK
cmyk(0%, 1%, 3%, 4%)
CSS
color: #f4f2ed;
CSS variable
--color-f4f2ed: #f4f2ed;
SCSS
$color-f4f2ed: #f4f2ed;
Tailwind
orange-50
Export
:root {
--#f4f2ed-1: #f4f2ed;
}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.