Preview
#ebe2bb
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.3:1 · vs black: 16.13:1
HEX
#ebe2bb
RGB
rgb(235, 226, 187)
RGBA
rgba(235, 226, 187, 1)
HSL
hsl(49, 55%, 83%)
HSV
hsv(49, 20%, 92%)
LAB
lab(89.69% -3.13 20.2)
LCH
lch(89.69% 20.44 98.81)
OKLAB
oklab(0.9101 -0.0059 0.0518)
OKLCH
oklch(0.9101 0.0521 96.5)
XYZ
xyz(70.43, 75.64, 57.89)
CMYK
cmyk(0%, 4%, 20%, 8%)
CSS
color: #ebe2bb;
CSS variable
--color-ebe2bb: #ebe2bb;
SCSS
$color-ebe2bb: #ebe2bb;
Tailwind
orange-100
Export
:root {
--#ebe2bb-1: #ebe2bb;
}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.