Preview
#d6b72e
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.97:1 · vs black: 10.67:1
HEX
#d6b72e
RGB
rgb(214, 183, 46)
RGBA
rgba(214, 183, 46, 1)
HSL
hsl(49, 67%, 51%)
HSV
hsv(49, 79%, 84%)
LAB
lab(75.05% -2.31 68.16)
LCH
lch(75.05% 68.2 91.94)
OKLAB
oklab(0.7842 -0.0141 0.148)
OKLCH
oklch(0.7842 0.1487 95.44)
XYZ
xyz(45.16, 48.36, 9.54)
CMYK
cmyk(0%, 14%, 79%, 16%)
CSS
color: #d6b72e;
CSS variable
--color-d6b72e: #d6b72e;
SCSS
$color-d6b72e: #d6b72e;
Tailwind
orange-400
Export
:root {
--spectrum-#d6b72e-1: #d6b72e;
}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.