Preview
#f6e9ad
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.22:1 · vs black: 17.18:1
HEX
#f6e9ad
RGB
rgb(246, 233, 173)
RGBA
rgba(246, 233, 173, 1)
HSL
hsl(49, 80%, 82%)
HSV
hsv(49, 30%, 96%)
LAB
lab(92.08% -4.48 30.82)
LCH
lch(92.08% 31.14 98.27)
OKLAB
oklab(0.9302 -0.01 0.0774)
OKLCH
oklch(0.9302 0.078 97.36)
XYZ
xyz(74.69, 80.89, 51.21)
CMYK
cmyk(0%, 5%, 30%, 4%)
CSS
color: #f6e9ad;
CSS variable
--color-f6e9ad: #f6e9ad;
SCSS
$color-f6e9ad: #f6e9ad;
Tailwind
orange-100
Export
:root {
--#f6e9ad-1: #f6e9ad;
}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.