Preview
#f2c4a6
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.59:1 · vs black: 13.22:1
HEX
#f2c4a6
RGB
rgb(242, 196, 166)
RGBA
rgba(242, 196, 166, 1)
HSL
hsl(24, 75%, 80%)
HSV
hsv(24, 31%, 95%)
LAB
lab(82.44% 12.2 21.26)
LCH
lch(82.44% 24.51 60.15)
OKLAB
oklab(0.8532 0.0383 0.0542)
OKLCH
oklch(0.8532 0.0664 54.75)
XYZ
xyz(63.24, 61.11, 44.53)
CMYK
cmyk(0%, 19%, 31%, 5%)
CSS
color: #f2c4a6;
CSS variable
--color-f2c4a6: #f2c4a6;
SCSS
$color-f2c4a6: #f2c4a6;
Tailwind
red-200
Export
:root {
--#f2c4a6-1: #f2c4a6;
}Bold warmth and intensity. Strong for food, sports, and energetic identities.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.