Preview
#ffc800
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.55:1 · vs black: 13.51:1
HEX
#ffc800
RGB
rgb(255, 200, 0)
RGBA
rgba(255, 200, 0, 1)
HSL
hsl(47, 100%, 50%)
HSV
hsv(47, 100%, 100%)
LAB
lab(83.22% 5.73 84.54)
LCH
lch(83.22% 84.73 86.12)
OKLAB
oklab(0.8575 0.0046 0.1752)
OKLCH
oklch(0.8575 0.1753 88.5)
XYZ
xyz(61.90, 62.57, 8.82)
CMYK
cmyk(0%, 22%, 100%, 0%)
CSS
color: #ffc800;
CSS variable
--color-ffc800: #ffc800;
SCSS
$color-ffc800: #ffc800;
Tailwind
orange-500
Export
:root {
--#ffc800-1: #ffc800;
}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.