Preview
#ffdb4d
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.36:1 · vs black: 15.49:1
HEX
#ffdb4d
RGB
rgb(255, 219, 77)
RGBA
rgba(255, 219, 77, 1)
HSL
hsl(48, 100%, 65%)
HSV
hsv(48, 70%, 100%)
LAB
lab(88.19% -2.09 71.05)
LCH
lch(88.19% 71.08 91.68)
OKLAB
oklab(0.8976 -0.0125 0.1583)
OKLCH
oklch(0.8976 0.1588 94.51)
XYZ
xyz(67.91, 72.46, 17.43)
CMYK
cmyk(0%, 14%, 70%, 0%)
CSS
color: #ffdb4d;
CSS variable
--color-ffdb4d: #ffdb4d;
SCSS
$color-ffdb4d: #ffdb4d;
Tailwind
orange-300
Export
:root {
--#ffdb4d-1: #ffdb4d;
}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.