Preview
#fff3e2
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.1:1 · vs black: 19.17:1
HEX
#fff3e2
RGB
rgb(255, 243, 226)
RGBA
rgba(255, 243, 226, 1)
HSL
hsl(35, 100%, 94%)
HSV
hsv(35, 11%, 100%)
LAB
lab(96.35% 1.24 9.63)
LCH
lch(96.35% 9.71 82.66)
OKLAB
oklab(0.969 0.0059 0.0252)
OKLCH
oklch(0.969 0.0259 76.82)
XYZ
xyz(87.02, 90.85, 84.89)
CMYK
cmyk(0%, 5%, 11%, 0%)
CSS
color: #fff3e2;
CSS variable
--color-fff3e2: #fff3e2;
SCSS
$color-fff3e2: #fff3e2;
Tailwind
red-50
Export
:root {
--#fff3e2-1: #fff3e2;
}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.