Preview
#fff2e0
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.1:1 · vs black: 19.03:1
HEX
#fff2e0
RGB
rgb(255, 242, 224)
RGBA
rgba(255, 242, 224, 1)
HSL
hsl(35, 100%, 94%)
HSV
hsv(35, 12%, 100%)
LAB
lab(96.06% 1.43 10.25)
LCH
lch(96.06% 10.35 82.06)
OKLAB
oklab(0.9666 0.0066 0.0268)
OKLCH
oklch(0.9666 0.0276 76.17)
XYZ
xyz(86.45, 90.15, 83.35)
CMYK
cmyk(0%, 5%, 12%, 0%)
CSS
color: #fff2e0;
CSS variable
--color-fff2e0: #fff2e0;
SCSS
$color-fff2e0: #fff2e0;
Tailwind
red-50
Export
:root {
--#fff2e0-1: #fff2e0;
}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.