Preview
#f2f4e6
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.11:1 · vs black: 18.86:1
HEX
#f2f4e6
RGB
rgb(242, 244, 230)
RGBA
rgba(242, 244, 230, 1)
HSL
hsl(69, 39%, 93%)
HSV
hsv(69, 6%, 96%)
LAB
lab(95.7% -3.08 6.51)
LCH
lch(95.7% 7.2 115.32)
OKLAB
oklab(0.9618 -0.0074 0.0171)
OKLCH
oklch(0.9618 0.0186 113.4)
XYZ
xyz(83.25, 89.29, 87.70)
CMYK
cmyk(1%, 0%, 6%, 4%)
CSS
color: #f2f4e6;
CSS variable
--color-f2f4e6: #f2f4e6;
SCSS
$color-f2f4e6: #f2f4e6;
Tailwind
amber-50
Export
:root {
--#f2f4e6-1: #f2f4e6;
}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.