Preview
#d6c64c
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.74:1 · vs black: 12.04:1
HEX
#d6c64c
RGB
rgb(214, 198, 76)
RGBA
rgba(214, 198, 76, 1)
HSL
hsl(53, 63%, 57%)
HSV
hsv(53, 64%, 84%)
LAB
lab(79.16% -8.63 61.01)
LCH
lch(79.16% 61.62 98.05)
OKLAB
oklab(0.8174 -0.0289 0.1382)
OKLCH
oklch(0.8174 0.1412 101.81)
XYZ
xyz(49.23, 55.21, 14.90)
CMYK
cmyk(0%, 7%, 64%, 16%)
CSS
color: #d6c64c;
CSS variable
--color-d6c64c: #d6c64c;
SCSS
$color-d6c64c: #d6c64c;
Tailwind
orange-400
Export
:root {
--#d6c64c-1: #d6c64c;
}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.