Preview
#e7e7df
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.24:1 · vs black: 16.89:1
HEX
#e7e7df
RGB
rgb(231, 231, 223)
RGBA
rgba(231, 231, 223, 1)
HSL
hsl(60, 14%, 89%)
HSV
hsv(60, 3%, 91%)
LAB
lab(91.45% -1.4 3.89)
LCH
lch(91.45% 4.13 109.79)
OKLAB
oklab(0.9258 -0.0031 0.0102)
OKLCH
oklch(0.9258 0.0107 106.91)
XYZ
xyz(74.85, 79.47, 81.19)
CMYK
cmyk(0%, 0%, 3%, 9%)
CSS
color: #e7e7df;
CSS variable
--color-e7e7df: #e7e7df;
SCSS
$color-e7e7df: #e7e7df;
Tailwind
amber-100
Export
:root {
--#e7e7df-1: #e7e7df;
}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.