Preview
#ffef99
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.16:1 · vs black: 18.06:1
HEX
#ffef99
RGB
rgb(255, 239, 153)
RGBA
rgba(255, 239, 153, 1)
HSL
hsl(51, 100%, 80%)
HSV
hsv(51, 40%, 100%)
LAB
lab(94.01% -6.35 43.52)
LCH
lch(94.01% 43.98 98.3)
OKLAB
oklab(0.9462 -0.0168 0.1063)
OKLCH
oklch(0.9462 0.1076 98.98)
XYZ
xyz(77.86, 85.30, 42.49)
CMYK
cmyk(0%, 6%, 40%, 0%)
CSS
color: #ffef99;
CSS variable
--color-ffef99: #ffef99;
SCSS
$color-ffef99: #ffef99;
Tailwind
orange-200
Export
:root {
--#ffef99-1: #ffef99;
}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.