Preview
#f1e3cd
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.26:1 · vs black: 16.61:1
HEX
#f1e3cd
RGB
rgb(241, 227, 205)
RGBA
rgba(241, 227, 205, 1)
HSL
hsl(37, 56%, 87%)
HSV
hsv(37, 15%, 95%)
LAB
lab(90.8% 1.2 12.46)
LCH
lch(90.8% 12.52 84.5)
OKLAB
oklab(0.9212 0.0061 0.0324)
OKLCH
oklch(0.9212 0.033 79.34)
XYZ
xyz(74.76, 78.05, 68.87)
CMYK
cmyk(0%, 6%, 15%, 5%)
CSS
color: #f1e3cd;
CSS variable
--color-f1e3cd: #f1e3cd;
SCSS
$color-f1e3cd: #f1e3cd;
Tailwind
red-100
Export
:root {
--#f1e3cd-1: #f1e3cd;
}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.