Preview
#f5eee2
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.15:1 · vs black: 18.21:1
HEX
#f5eee2
RGB
rgb(245, 238, 226)
RGBA
rgba(245, 238, 226, 1)
HSL
hsl(38, 49%, 92%)
HSV
hsv(38, 8%, 96%)
LAB
lab(94.34% 0.32 6.64)
LCH
lch(94.34% 6.65 87.24)
OKLAB
oklab(0.9513 0.0027 0.0174)
OKLCH
oklch(0.9513 0.0176 81.18)
XYZ
xyz(81.96, 86.05, 84.23)
CMYK
cmyk(0%, 3%, 8%, 4%)
CSS
color: #f5eee2;
CSS variable
--color-f5eee2: #f5eee2;
SCSS
$color-f5eee2: #f5eee2;
Tailwind
red-50
Export
:root {
--#f5eee2-1: #f5eee2;
}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.