Preview
#ffe99f
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.21:1 · vs black: 17.41:1
HEX
#ffe99f
RGB
rgb(255, 233, 159)
RGBA
rgba(255, 233, 159, 1)
HSL
hsl(46, 100%, 81%)
HSV
hsv(46, 38%, 100%)
LAB
lab(92.59% -2.7 38.71)
LCH
lch(92.59% 38.8 93.99)
OKLAB
oklab(0.9353 -0.0058 0.0955)
OKLCH
oklch(0.9353 0.0957 93.48)
XYZ
xyz(76.64, 82.04, 44.59)
CMYK
cmyk(0%, 9%, 38%, 0%)
CSS
color: #ffe99f;
CSS variable
--color-ffe99f: #ffe99f;
SCSS
$color-ffe99f: #ffe99f;
Tailwind
orange-100
Export
:root {
--#ffe99f-1: #ffe99f;
}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.