Preview
#f2eac8
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.21:1 · vs black: 17.38:1
HEX
#f2eac8
RGB
rgb(242, 234, 200)
RGBA
rgba(242, 234, 200, 1)
HSL
hsl(49, 62%, 87%)
HSV
hsv(49, 17%, 95%)
LAB
lab(92.53% -2.77 17.51)
LCH
lch(92.53% 17.73 98.99)
OKLAB
oklab(0.9346 -0.0049 0.0451)
OKLCH
oklch(0.9346 0.0454 96.2)
XYZ
xyz(76.47, 81.89, 66.41)
CMYK
cmyk(0%, 3%, 17%, 5%)
CSS
color: #f2eac8;
CSS variable
--color-f2eac8: #f2eac8;
SCSS
$color-f2eac8: #f2eac8;
Tailwind
orange-100
Export
:root {
--#f2eac8-1: #f2eac8;
}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.