Preview
#ffd752
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.39:1 · vs black: 15.09:1
HEX
#ffd752
RGB
rgb(255, 215, 82)
RGBA
rgba(255, 215, 82, 1)
HSL
hsl(46, 100%, 66%)
HSV
hsv(46, 68%, 100%)
LAB
lab(87.23% 0.19 68.11)
LCH
lch(87.23% 68.11 89.84)
OKLAB
oklab(0.8901 -0.0054 0.1529)
OKLCH
oklch(0.8901 0.153 92.02)
XYZ
xyz(67.07, 70.47, 18.05)
CMYK
cmyk(0%, 16%, 68%, 0%)
CSS
color: #ffd752;
CSS variable
--color-ffd752: #ffd752;
SCSS
$color-ffd752: #ffd752;
Tailwind
orange-300
Export
:root {
--#ffd752-1: #ffd752;
}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.