Preview
#f7e5c4
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.24:1 · vs black: 16.96:1
HEX
#f7e5c4
RGB
rgb(247, 229, 196)
RGBA
rgba(247, 229, 196, 1)
HSL
hsl(39, 76%, 87%)
HSV
hsv(39, 21%, 97%)
LAB
lab(91.6% 1 18.33)
LCH
lch(91.6% 18.36 86.88)
OKLAB
oklab(0.928 0.006 0.0472)
OKLCH
oklch(0.928 0.0476 82.76)
XYZ
xyz(76.34, 79.80, 63.60)
CMYK
cmyk(0%, 7%, 21%, 3%)
CSS
color: #f7e5c4;
CSS variable
--color-f7e5c4: #f7e5c4;
SCSS
$color-f7e5c4: #f7e5c4;
Tailwind
red-100
Export
:root {
--#f7e5c4-1: #f7e5c4;
}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.