Preview
#e6e2d2
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.3:1 · vs black: 16.17:1
HEX
#e6e2d2
RGB
rgb(230, 226, 210)
RGBA
rgba(230, 226, 210, 1)
HSL
hsl(48, 29%, 86%)
HSV
hsv(48, 9%, 90%)
LAB
lab(89.8% -1.38 8.3)
LCH
lch(89.8% 8.41 99.44)
OKLAB
oklab(0.9116 -0.002 0.0217)
OKLCH
oklch(0.9116 0.0218 95.27)
XYZ
xyz(71.46, 75.87, 71.84)
CMYK
cmyk(0%, 2%, 9%, 10%)
CSS
color: #e6e2d2;
CSS variable
--color-e6e2d2: #e6e2d2;
SCSS
$color-e6e2d2: #e6e2d2;
Tailwind
orange-100
Export
:root {
--#e6e2d2-1: #e6e2d2;
}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.