Preview
#fbbd04
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.7:1 · vs black: 12.38:1
HEX
#fbbd04
RGB
rgb(251, 189, 4)
RGBA
rgba(251, 189, 4, 1)
HSL
hsl(45, 97%, 50%)
HSV
hsv(45, 98%, 98%)
LAB
lab(80.13% 9.75 81.82)
LCH
lch(80.13% 82.4 83.2)
OKLAB
oklab(0.8323 0.0162 0.1694)
OKLCH
oklch(0.8323 0.1702 84.54)
XYZ
xyz(58.01, 56.92, 8.05)
CMYK
cmyk(0%, 25%, 98%, 2%)
CSS
color: #fbbd04;
CSS variable
--color-fbbd04: #fbbd04;
SCSS
$color-fbbd04: #fbbd04;
Tailwind
orange-500
Export
:root {
--#fbbd04-1: #fbbd04;
}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.