Preview
#f5e6a3
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.26:1 · vs black: 16.73:1
HEX
#f5e6a3
RGB
rgb(245, 230, 163)
RGBA
rgba(245, 230, 163, 1)
HSL
hsl(49, 80%, 80%)
HSV
hsv(49, 33%, 96%)
LAB
lab(91.08% -4.56 34.54)
LCH
lch(91.08% 34.84 97.52)
OKLAB
oklab(0.9215 -0.0106 0.086)
OKLCH
oklch(0.9215 0.0867 97.03)
XYZ
xyz(72.56, 78.65, 46.00)
CMYK
cmyk(0%, 6%, 33%, 4%)
CSS
color: #f5e6a3;
CSS variable
--color-f5e6a3: #f5e6a3;
SCSS
$color-f5e6a3: #f5e6a3;
Tailwind
orange-200
Export
:root {
--#f5e6a3-1: #f5e6a3;
}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.