Preview
#f1df55
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.36:1 · vs black: 15.43:1
HEX
#f1df55
RGB
rgb(241, 223, 85)
RGBA
rgba(241, 223, 85, 1)
HSL
hsl(53, 85%, 64%)
HSV
hsv(53, 65%, 95%)
LAB
lab(88.03% -9.48 67.35)
LCH
lch(88.03% 68.01 98.01)
OKLAB
oklab(0.8936 -0.0319 0.1522)
OKLCH
oklch(0.8936 0.1555 101.84)
XYZ
xyz(64.31, 72.13, 19.13)
CMYK
cmyk(0%, 7%, 65%, 5%)
CSS
color: #f1df55;
CSS variable
--color-f1df55: #f1df55;
SCSS
$color-f1df55: #f1df55;
Tailwind
orange-300
Export
:root {
--#f1df55-1: #f1df55;
}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.