Preview
#fff2de
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.1:1 · vs black: 19.01:1
HEX
#fff2de
RGB
rgb(255, 242, 222)
RGBA
rgba(255, 242, 222, 1)
HSL
hsl(36, 100%, 94%)
HSV
hsv(36, 13%, 100%)
LAB
lab(96.01% 1.12 11.21)
LCH
lch(96.01% 11.27 84.29)
OKLAB
oklab(0.9661 0.0058 0.0293)
OKLCH
oklch(0.9661 0.0299 78.8)
XYZ
xyz(86.18, 90.04, 81.93)
CMYK
cmyk(0%, 5%, 13%, 0%)
CSS
color: #fff2de;
CSS variable
--color-fff2de: #fff2de;
SCSS
$color-fff2de: #fff2de;
Tailwind
red-50
Export
:root {
--#fff2de-1: #fff2de;
}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.