Preview
#f4f2ec
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.12:1 · vs black: 18.76:1
HEX
#f4f2ec
RGB
rgb(244, 242, 236)
RGBA
rgba(244, 242, 236, 1)
HSL
hsl(45, 27%, 94%)
HSV
hsv(45, 3%, 96%)
LAB
lab(95.49% -0.37 3.12)
LCH
lch(95.49% 3.14 96.76)
OKLAB
oklab(0.961 -0.0002 0.0082)
OKLCH
oklch(0.961 0.0082 91.4)
XYZ
xyz(84.20, 88.79, 92.04)
CMYK
cmyk(0%, 1%, 3%, 4%)
CSS
color: #f4f2ec;
CSS variable
--color-f4f2ec: #f4f2ec;
SCSS
$color-f4f2ec: #f4f2ec;
Tailwind
orange-50
Export
:root {
--#f4f2ec-1: #f4f2ec;
}Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.