Preview
#ede3c0
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.28:1 · vs black: 16.35:1
HEX
#ede3c0
RGB
rgb(237, 227, 192)
RGBA
rgba(237, 227, 192, 1)
HSL
hsl(47, 56%, 84%)
HSV
hsv(47, 19%, 93%)
LAB
lab(90.21% -2.19 18.34)
LCH
lch(90.21% 18.47 96.81)
OKLAB
oklab(0.9148 -0.0032 0.0472)
OKLCH
oklch(0.9148 0.0473 93.88)
XYZ
xyz(71.91, 76.75, 60.89)
CMYK
cmyk(0%, 4%, 19%, 7%)
CSS
color: #ede3c0;
CSS variable
--color-ede3c0: #ede3c0;
SCSS
$color-ede3c0: #ede3c0;
Tailwind
orange-100
Export
:root {
--#ede3c0-1: #ede3c0;
}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.