Preview
#fbf7ef
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.07:1 · vs black: 19.65:1
HEX
#fbf7ef
RGB
rgb(251, 247, 239)
RGBA
rgba(251, 247, 239, 1)
HSL
hsl(40, 60%, 96%)
HSV
hsv(40, 5%, 98%)
LAB
lab(97.33% -0.04 4.31)
LCH
lch(97.33% 4.31 90.53)
OKLAB
oklab(0.977 0.0011 0.0114)
OKLCH
oklch(0.977 0.0115 84.49)
XYZ
xyz(88.62, 93.26, 94.98)
CMYK
cmyk(0%, 2%, 5%, 2%)
CSS
color: #fbf7ef;
CSS variable
--color-fbf7ef: #fbf7ef;
SCSS
$color-fbf7ef: #fbf7ef;
Tailwind
orange-50
Export
:root {
--#fbf7ef-1: #fbf7ef;
}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.