Preview
#ffecb0
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 17.88:1
HEX
#ffecb0
RGB
rgb(255, 236, 176)
RGBA
rgba(255, 236, 176, 1)
HSL
hsl(46, 100%, 85%)
HSV
hsv(46, 31%, 100%)
LAB
lab(93.62% -2.24 31.48)
LCH
lch(93.62% 31.56 94.07)
OKLAB
oklab(0.9443 -0.0036 0.079)
OKLCH
oklch(0.9443 0.0791 92.61)
XYZ
xyz(79.07, 84.39, 53.19)
CMYK
cmyk(0%, 7%, 31%, 0%)
CSS
color: #ffecb0;
CSS variable
--color-ffecb0: #ffecb0;
SCSS
$color-ffecb0: #ffecb0;
Tailwind
orange-100
Export
:root {
--#ffecb0-1: #ffecb0;
}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.