Preview
#f4eada
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.19:1 · vs black: 17.63:1
HEX
#f4eada
RGB
rgb(244, 234, 218)
RGBA
rgba(244, 234, 218, 1)
HSL
hsl(37, 54%, 91%)
HSV
hsv(37, 11%, 96%)
LAB
lab(93.08% 0.72 8.97)
LCH
lch(93.08% 9 85.41)
OKLAB
oklab(0.9406 0.0042 0.0235)
OKLCH
oklch(0.9406 0.0239 79.87)
XYZ
xyz(79.38, 83.14, 78.18)
CMYK
cmyk(0%, 4%, 11%, 4%)
CSS
color: #f4eada;
CSS variable
--color-f4eada: #f4eada;
SCSS
$color-f4eada: #f4eada;
Tailwind
red-50
Export
:root {
--#f4eada-1: #f4eada;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.