Preview
#f1df81
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.35:1 · vs black: 15.61:1
HEX
#f1df81
RGB
rgb(241, 223, 129)
RGBA
rgba(241, 223, 129, 1)
HSL
hsl(50, 80%, 73%)
HSV
hsv(50, 46%, 95%)
LAB
lab(88.48% -6.17 48.06)
LCH
lch(88.48% 48.45 97.32)
OKLAB
oklab(0.8986 -0.0177 0.1153)
OKLCH
oklch(0.8986 0.1167 98.73)
XYZ
xyz(66.63, 73.06, 31.36)
CMYK
cmyk(0%, 7%, 46%, 5%)
CSS
color: #f1df81;
CSS variable
--color-f1df81: #f1df81;
SCSS
$color-f1df81: #f1df81;
Tailwind
orange-200
Export
:root {
--#f1df81-1: #f1df81;
}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.