Preview
#ffdd55
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.34:1 · vs black: 15.73:1
HEX
#ffdd55
RGB
rgb(255, 221, 85)
RGBA
rgba(255, 221, 85, 1)
HSL
hsl(48, 100%, 67%)
HSV
hsv(48, 67%, 100%)
LAB
lab(88.75% -2.7 68.48)
LCH
lch(88.75% 68.53 92.26)
OKLAB
oklab(0.9022 -0.0134 0.1542)
OKLCH
oklch(0.9022 0.1548 94.97)
XYZ
xyz(68.74, 73.63, 19.18)
CMYK
cmyk(0%, 13%, 67%, 0%)
CSS
color: #ffdd55;
CSS variable
--color-ffdd55: #ffdd55;
SCSS
$color-ffdd55: #ffdd55;
Tailwind
orange-300
Export
:root {
--#ffdd55-1: #ffdd55;
}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.