Preview
#ede3ab
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.3:1 · vs black: 16.18:1
HEX
#ede3ab
RGB
rgb(237, 227, 171)
RGBA
rgba(237, 227, 171, 1)
HSL
hsl(51, 65%, 80%)
HSV
hsv(51, 28%, 93%)
LAB
lab(89.81% -5.07 28.65)
LCH
lch(89.81% 29.1 100.04)
OKLAB
oklab(0.9104 -0.0116 0.0722)
OKLCH
oklch(0.9104 0.0731 99.13)
XYZ
xyz(69.75, 75.88, 49.49)
CMYK
cmyk(0%, 4%, 28%, 7%)
CSS
color: #ede3ab;
CSS variable
--color-ede3ab: #ede3ab;
SCSS
$color-ede3ab: #ede3ab;
Tailwind
orange-200
Export
:root {
--#ede3ab-1: #ede3ab;
}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.