Preview
#f2e1c6
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.28:1 · vs black: 16.36:1
HEX
#f2e1c6
RGB
rgb(242, 225, 198)
RGBA
rgba(242, 225, 198, 1)
HSL
hsl(37, 63%, 86%)
HSV
hsv(37, 18%, 95%)
LAB
lab(90.23% 1.53 15.32)
LCH
lch(90.23% 15.4 84.3)
OKLAB
oklab(0.9164 0.0074 0.0396)
OKLCH
oklch(0.9164 0.0403 79.42)
XYZ
xyz(73.74, 76.81, 64.36)
CMYK
cmyk(0%, 7%, 18%, 5%)
CSS
color: #f2e1c6;
CSS variable
--color-f2e1c6: #f2e1c6;
SCSS
$color-f2e1c6: #f2e1c6;
Tailwind
red-100
Export
:root {
--#f2e1c6-1: #f2e1c6;
}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.