Preview
#ffe7bd
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.21:1 · vs black: 17.42:1
HEX
#ffe7bd
RGB
rgb(255, 231, 189)
RGBA
rgba(255, 231, 189, 1)
HSL
hsl(38, 100%, 87%)
HSV
hsv(38, 26%, 100%)
LAB
lab(92.61% 1.95 23.46)
LCH
lch(92.61% 23.54 85.25)
OKLAB
oklab(0.9371 0.0089 0.0598)
OKLCH
oklch(0.9371 0.0605 81.53)
XYZ
xyz(79.00, 82.09, 59.82)
CMYK
cmyk(0%, 9%, 26%, 0%)
CSS
color: #ffe7bd;
CSS variable
--color-ffe7bd: #ffe7bd;
SCSS
$color-ffe7bd: #ffe7bd;
Tailwind
red-100
Export
:root {
--#ffe7bd-1: #ffe7bd;
}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.