Preview
#fffbf4
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.03:1 · vs black: 20.36:1
HEX
#fffbf4
RGB
rgb(255, 251, 244)
RGBA
rgba(255, 251, 244, 1)
HSL
hsl(38, 100%, 98%)
HSV
hsv(38, 4%, 100%)
LAB
lab(98.74% 0.13 3.82)
LCH
lch(98.74% 3.82 88.05)
OKLAB
oklab(0.9892 0.0015 0.0101)
OKLCH
oklch(0.9892 0.0102 81.55)
XYZ
xyz(92.06, 96.79, 99.40)
CMYK
cmyk(0%, 2%, 4%, 0%)
CSS
color: #fffbf4;
CSS variable
--color-fffbf4: #fffbf4;
SCSS
$color-fffbf4: #fffbf4;
Tailwind
red-50
Export
:root {
--#fffbf4-1: #fffbf4;
}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.