Preview
#fde9ca
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.19:1 · vs black: 17.68:1
HEX
#fde9ca
RGB
rgb(253, 233, 202)
RGBA
rgba(253, 233, 202, 1)
HSL
hsl(36, 93%, 89%)
HSV
hsv(36, 20%, 99%)
LAB
lab(93.2% 2 17.54)
LCH
lch(93.2% 17.65 83.49)
OKLAB
oklab(0.9422 0.0089 0.0452)
OKLCH
oklch(0.9422 0.0461 78.86)
XYZ
xyz(80.31, 83.43, 67.74)
CMYK
cmyk(0%, 8%, 20%, 1%)
CSS
color: #fde9ca;
CSS variable
--color-fde9ca: #fde9ca;
SCSS
$color-fde9ca: #fde9ca;
Tailwind
red-100
Export
:root {
--#fde9ca-1: #fde9ca;
}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.