Preview
#ffe971
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.22:1 · vs black: 17.15:1
HEX
#ffe971
RGB
rgb(255, 233, 113)
RGBA
rgba(255, 233, 113, 1)
HSL
hsl(51, 100%, 72%)
HSV
hsv(51, 56%, 100%)
LAB
lab(92.01% -6.92 60.06)
LCH
lch(92.01% 60.46 96.57)
OKLAB
oklab(0.9288 -0.0223 0.14)
OKLCH
oklch(0.9288 0.1418 99.05)
XYZ
xyz(73.36, 80.73, 27.34)
CMYK
cmyk(0%, 9%, 56%, 0%)
CSS
color: #ffe971;
CSS variable
--color-ffe971: #ffe971;
SCSS
$color-ffe971: #ffe971;
Tailwind
orange-200
Export
:root {
--#ffe971-1: #ffe971;
}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.