Preview
#ece6c7
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.26:1 · vs black: 16.71:1
HEX
#ece6c7
RGB
rgb(236, 230, 199)
RGBA
rgba(236, 230, 199, 1)
HSL
hsl(50, 49%, 85%)
HSV
hsv(50, 16%, 93%)
LAB
lab(91.03% -3.03 15.85)
LCH
lch(91.03% 16.14 100.82)
OKLAB
oklab(0.9216 -0.0058 0.041)
OKLCH
oklch(0.9216 0.0414 98.05)
XYZ
xyz(73.20, 78.55, 65.33)
CMYK
cmyk(0%, 3%, 16%, 7%)
CSS
color: #ece6c7;
CSS variable
--color-ece6c7: #ece6c7;
SCSS
$color-ece6c7: #ece6c7;
Tailwind
orange-100
Export
:root {
--#ece6c7-1: #ece6c7;
}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.