Preview
#e4dfd8
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.33:1 · vs black: 15.85:1
HEX
#e4dfd8
RGB
rgb(228, 223, 216)
RGBA
rgba(228, 223, 216, 1)
HSL
hsl(35, 18%, 87%)
HSV
hsv(35, 5%, 89%)
LAB
lab(89.03% 0.48 4.02)
LCH
lch(89.03% 4.05 83.19)
OKLAB
oklab(0.9056 0.0025 0.0106)
OKLCH
oklch(0.9056 0.0109 76.73)
XYZ
xyz(70.78, 74.23, 75.55)
CMYK
cmyk(0%, 2%, 5%, 11%)
CSS
color: #e4dfd8;
CSS variable
--color-e4dfd8: #e4dfd8;
SCSS
$color-e4dfd8: #e4dfd8;
Tailwind
red-100
Export
:root {
--#e4dfd8-1: #e4dfd8;
}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.