Preview
#f5ebdc
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.18:1 · vs black: 17.8:1
HEX
#f5ebdc
RGB
rgb(245, 235, 220)
RGBA
rgba(245, 235, 220, 1)
HSL
hsl(36, 56%, 91%)
HSV
hsv(36, 10%, 96%)
LAB
lab(93.45% 0.87 8.48)
LCH
lch(93.45% 8.52 84.14)
OKLAB
oklab(0.9439 0.0046 0.0222)
OKLCH
oklch(0.9439 0.0227 78.29)
XYZ
xyz(80.28, 84.00, 79.68)
CMYK
cmyk(0%, 4%, 10%, 4%)
CSS
color: #f5ebdc;
CSS variable
--color-f5ebdc: #f5ebdc;
SCSS
$color-f5ebdc: #f5ebdc;
Tailwind
red-50
Export
:root {
--#f5ebdc-1: #f5ebdc;
}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.