Preview
#ffeea8
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.16:1 · vs black: 18.05:1
HEX
#ffeea8
RGB
rgb(255, 238, 168)
RGBA
rgba(255, 238, 168, 1)
HSL
hsl(48, 100%, 83%)
HSV
hsv(48, 34%, 100%)
LAB
lab(93.99% -4.2 36.02)
LCH
lch(93.99% 36.26 96.65)
OKLAB
oklab(0.9467 -0.0096 0.0895)
OKLCH
oklch(0.9467 0.09 96.12)
XYZ
xyz(78.88, 85.24, 49.34)
CMYK
cmyk(0%, 7%, 34%, 0%)
CSS
color: #ffeea8;
CSS variable
--color-ffeea8: #ffeea8;
SCSS
$color-ffeea8: #ffeea8;
Tailwind
orange-100
Export
:root {
--#ffeea8-1: #ffeea8;
}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.