Preview
#ede7ca
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.24:1 · vs black: 16.88:1
HEX
#ede7ca
RGB
rgb(237, 231, 202)
RGBA
rgba(237, 231, 202, 1)
HSL
hsl(50, 49%, 86%)
HSV
hsv(50, 15%, 93%)
LAB
lab(91.42% -2.73 14.86)
LCH
lch(91.42% 15.11 100.41)
OKLAB
oklab(0.9251 -0.005 0.0385)
OKLCH
oklch(0.9251 0.0388 97.4)
XYZ
xyz(74.16, 79.42, 67.29)
CMYK
cmyk(0%, 3%, 15%, 7%)
CSS
color: #ede7ca;
CSS variable
--color-ede7ca: #ede7ca;
SCSS
$color-ede7ca: #ede7ca;
Tailwind
orange-100
Export
:root {
--#ede7ca-1: #ede7ca;
}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.