Preview
#fcd14f
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.46:1 · vs black: 14.37:1
HEX
#fcd14f
RGB
rgb(252, 209, 79)
RGBA
rgba(252, 209, 79, 1)
HSL
hsl(45, 97%, 65%)
HSV
hsv(45, 69%, 99%)
LAB
lab(85.44% 1.84 67.38)
LCH
lch(85.44% 67.41 88.44)
OKLAB
oklab(0.8752 -0.0008 0.151)
OKLCH
oklch(0.8752 0.151 90.3)
XYZ
xyz(64.36, 66.86, 16.91)
CMYK
cmyk(0%, 17%, 69%, 1%)
CSS
color: #fcd14f;
CSS variable
--color-fcd14f: #fcd14f;
SCSS
$color-fcd14f: #fcd14f;
Tailwind
orange-300
Export
:root {
--#fcd14f-1: #fcd14f;
}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.