Preview
#dad6af
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.48:1 · vs black: 14.22:1
HEX
#dad6af
RGB
rgb(218, 214, 175)
RGBA
rgba(218, 214, 175, 1)
HSL
hsl(54, 37%, 77%)
HSV
hsv(54, 20%, 85%)
LAB
lab(85.04% -4.96 19.8)
LCH
lch(85.04% 20.41 104.06)
OKLAB
oklab(0.8693 -0.0113 0.0507)
OKLCH
oklch(0.8693 0.0519 102.56)
XYZ
xyz(60.70, 66.09, 50.11)
CMYK
cmyk(0%, 2%, 20%, 15%)
CSS
color: #dad6af;
CSS variable
--color-dad6af: #dad6af;
SCSS
$color-dad6af: #dad6af;
Tailwind
orange-200
Export
:root {
--#dad6af-1: #dad6af;
}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.