Preview
#ffe5bf
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.22:1 · vs black: 17.21:1
HEX
#ffe5bf
RGB
rgb(255, 229, 191)
RGBA
rgba(255, 229, 191, 1)
HSL
hsl(36, 100%, 87%)
HSV
hsv(36, 25%, 100%)
LAB
lab(92.16% 3.24 21.8)
LCH
lch(92.16% 22.04 81.55)
OKLAB
oklab(0.9337 0.0126 0.0558)
OKLCH
oklch(0.9337 0.0572 77.28)
XYZ
xyz(78.66, 81.06, 60.78)
CMYK
cmyk(0%, 10%, 25%, 0%)
CSS
color: #ffe5bf;
CSS variable
--color-ffe5bf: #ffe5bf;
SCSS
$color-ffe5bf: #ffe5bf;
Tailwind
red-100
Export
:root {
--#ffe5bf-1: #ffe5bf;
}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.