Preview
#ffe994
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.21:1 · vs black: 17.34:1
HEX
#ffe994
RGB
rgb(255, 233, 148)
RGBA
rgba(255, 233, 148, 1)
HSL
hsl(48, 100%, 79%)
HSV
hsv(48, 42%, 100%)
LAB
lab(92.43% -3.86 43.97)
LCH
lch(92.43% 44.14 95.02)
OKLAB
oklab(0.9335 -0.01 0.1071)
OKLCH
oklch(0.9335 0.1076 95.33)
XYZ
xyz(75.73, 81.68, 39.79)
CMYK
cmyk(0%, 9%, 42%, 0%)
CSS
color: #ffe994;
CSS variable
--color-ffe994: #ffe994;
SCSS
$color-ffe994: #ffe994;
Tailwind
orange-200
Export
:root {
--#ffe994-1: #ffe994;
}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.