Preview
#ebe189
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.34:1 · vs black: 15.66:1
HEX
#ebe189
RGB
rgb(235, 225, 137)
RGBA
rgba(235, 225, 137, 1)
HSL
hsl(54, 71%, 73%)
HSV
hsv(54, 42%, 92%)
LAB
lab(88.6% -8.77 44.19)
LCH
lch(88.6% 45.05 101.23)
OKLAB
oklab(0.8987 -0.0242 0.1072)
OKLCH
oklch(0.8987 0.1099 102.72)
XYZ
xyz(65.70, 73.32, 34.35)
CMYK
cmyk(0%, 4%, 42%, 8%)
CSS
color: #ebe189;
CSS variable
--color-ebe189: #ebe189;
SCSS
$color-ebe189: #ebe189;
Tailwind
orange-200
Export
:root {
--#ebe189-1: #ebe189;
}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.