Preview
#ffe999
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.21:1 · vs black: 17.37:1
HEX
#ffe999
RGB
rgb(255, 233, 153)
RGBA
rgba(255, 233, 153, 1)
HSL
hsl(47, 100%, 80%)
HSV
hsv(47, 40%, 100%)
LAB
lab(92.5% -3.34 41.58)
LCH
lch(92.5% 41.71 94.59)
OKLAB
oklab(0.9343 -0.0081 0.1019)
OKLCH
oklch(0.9343 0.1022 94.54)
XYZ
xyz(76.13, 81.84, 41.92)
CMYK
cmyk(0%, 9%, 40%, 0%)
CSS
color: #ffe999;
CSS variable
--color-ffe999: #ffe999;
SCSS
$color-ffe999: #ffe999;
Tailwind
orange-200
Export
:root {
--#ffe999-1: #ffe999;
}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.