Preview
#f0e79d
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.26:1 · vs black: 16.62:1
HEX
#f0e79d
RGB
rgb(240, 231, 157)
RGBA
rgba(240, 231, 157, 1)
HSL
hsl(53, 73%, 78%)
HSV
hsv(53, 35%, 94%)
LAB
lab(90.83% -7.67 37.17)
LCH
lch(90.83% 37.95 101.66)
OKLAB
oklab(0.9183 -0.0198 0.092)
OKLCH
oklch(0.9183 0.0941 102.15)
XYZ
xyz(70.60, 78.11, 43.25)
CMYK
cmyk(0%, 4%, 35%, 6%)
CSS
color: #f0e79d;
CSS variable
--color-f0e79d: #f0e79d;
SCSS
$color-f0e79d: #f0e79d;
Tailwind
orange-200
Export
:root {
--#f0e79d-1: #f0e79d;
}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.