Preview
#ffe5bb
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.22:1 · vs black: 17.18:1
HEX
#ffe5bb
RGB
rgb(255, 229, 187)
RGBA
rgba(255, 229, 187, 1)
HSL
hsl(37, 100%, 87%)
HSV
hsv(37, 27%, 100%)
LAB
lab(92.08% 2.71 23.76)
LCH
lch(92.08% 23.91 83.49)
OKLAB
oklab(0.9328 0.011 0.0605)
OKLCH
oklch(0.9328 0.0615 79.7)
XYZ
xyz(78.23, 80.89, 58.50)
CMYK
cmyk(0%, 10%, 27%, 0%)
CSS
color: #ffe5bb;
CSS variable
--color-ffe5bb: #ffe5bb;
SCSS
$color-ffe5bb: #ffe5bb;
Tailwind
red-100
Export
:root {
--#ffe5bb-1: #ffe5bb;
}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.