Preview
#d2c679
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.74:1 · vs black: 12.09:1
HEX
#d2c679
RGB
rgb(210, 198, 121)
RGBA
rgba(210, 198, 121, 1)
HSL
hsl(52, 50%, 65%)
HSV
hsv(52, 42%, 82%)
LAB
lab(79.31% -6.6 40.02)
LCH
lch(79.31% 40.56 99.36)
OKLAB
oklab(0.8194 -0.0181 0.0972)
OKLCH
oklch(0.8194 0.0989 100.55)
XYZ
xyz(50.22, 55.47, 26.15)
CMYK
cmyk(0%, 6%, 42%, 18%)
CSS
color: #d2c679;
CSS variable
--color-d2c679: #d2c679;
SCSS
$color-d2c679: #d2c679;
Tailwind
orange-300
Export
:root {
--#d2c679-1: #d2c679;
}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.