Preview
#ffe371
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.27:1 · vs black: 16.48:1
HEX
#ffe371
RGB
rgb(255, 227, 113)
RGBA
rgba(255, 227, 113, 1)
HSL
hsl(48, 100%, 72%)
HSV
hsv(48, 56%, 100%)
LAB
lab(90.5% -3.92 58.31)
LCH
lch(90.5% 58.44 93.85)
OKLAB
oklab(0.9168 -0.0137 0.1362)
OKLCH
oklch(0.9168 0.1369 95.74)
XYZ
xyz(71.69, 77.39, 26.78)
CMYK
cmyk(0%, 11%, 56%, 0%)
CSS
color: #ffe371;
CSS variable
--color-ffe371: #ffe371;
SCSS
$color-ffe371: #ffe371;
Tailwind
orange-200
Export
:root {
--#ffe371-1: #ffe371;
}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.