Preview
#ece2c2
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.29:1 · vs black: 16.22:1
HEX
#ece2c2
RGB
rgb(236, 226, 194)
RGBA
rgba(236, 226, 194, 1)
HSL
hsl(46, 53%, 84%)
HSV
hsv(46, 18%, 93%)
LAB
lab(89.92% -1.74 16.88)
LCH
lch(89.92% 16.97 95.89)
OKLAB
oklab(0.9125 -0.002 0.0435)
OKLCH
oklch(0.9125 0.0435 92.63)
XYZ
xyz(71.53, 76.12, 61.95)
CMYK
cmyk(0%, 4%, 18%, 7%)
CSS
color: #ece2c2;
CSS variable
--color-ece2c2: #ece2c2;
SCSS
$color-ece2c2: #ece2c2;
Tailwind
orange-100
Export
:root {
--#ece2c2-1: #ece2c2;
}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.