Preview
#ffedcc
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.15:1 · vs black: 18.24:1
HEX
#ffedcc
RGB
rgb(255, 237, 204)
RGBA
rgba(255, 237, 204, 1)
HSL
hsl(39, 100%, 90%)
HSV
hsv(39, 20%, 100%)
LAB
lab(94.39% 0.97 18.21)
LCH
lch(94.39% 18.24 86.95)
OKLAB
oklab(0.9521 0.006 0.0469)
OKLCH
oklch(0.9521 0.0473 82.71)
XYZ
xyz(82.42, 86.19, 69.41)
CMYK
cmyk(0%, 7%, 20%, 0%)
CSS
color: #ffedcc;
CSS variable
--color-ffedcc: #ffedcc;
SCSS
$color-ffedcc: #ffedcc;
Tailwind
red-100
Export
:root {
--#ffedcc-1: #ffedcc;
}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.