Preview
#ded8ba
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.43:1 · vs black: 14.64:1
HEX
#ded8ba
RGB
rgb(222, 216, 186)
RGBA
rgba(222, 216, 186, 1)
HSL
hsl(50, 35%, 80%)
HSV
hsv(50, 16%, 87%)
LAB
lab(86.1% -2.89 15.55)
LCH
lch(86.1% 15.82 100.53)
OKLAB
oklab(0.8792 -0.0055 0.0401)
OKLCH
oklch(0.8792 0.0405 97.81)
XYZ
xyz(63.54, 68.19, 56.26)
CMYK
cmyk(0%, 3%, 16%, 13%)
CSS
color: #ded8ba;
CSS variable
--color-ded8ba: #ded8ba;
SCSS
$color-ded8ba: #ded8ba;
Tailwind
orange-200
Export
:root {
--#ded8ba-1: #ded8ba;
}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.