Preview
#f0f0e8
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.15:1 · vs black: 18.33:1
HEX
#f0f0e8
RGB
rgb(240, 240, 232)
RGBA
rgba(240, 240, 232, 1)
HSL
hsl(60, 21%, 93%)
HSV
hsv(60, 3%, 94%)
LAB
lab(94.6% -1.39 3.86)
LCH
lch(94.6% 4.1 109.8)
OKLAB
oklab(0.9529 -0.003 0.0102)
OKLCH
oklch(0.9529 0.0106 106.39)
XYZ
xyz(81.66, 86.67, 88.76)
CMYK
cmyk(0%, 0%, 3%, 6%)
CSS
color: #f0f0e8;
CSS variable
--color-f0f0e8: #f0f0e8;
SCSS
$color-f0f0e8: #f0f0e8;
Tailwind
amber-50
Export
:root {
--#f0f0e8-1: #f0f0e8;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.