Preview
#af9681
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.8:1 · vs black: 7.5:1
HEX
#af9681
RGB
rgb(175, 150, 129)
RGBA
rgba(175, 150, 129, 1)
HSL
hsl(27, 22%, 60%)
HSV
hsv(27, 26%, 69%)
LAB
lab(63.76% 6 14.53)
LCH
lch(63.76% 15.72 67.56)
OKLAB
oklab(0.6899 0.0198 0.0373)
OKLCH
oklch(0.6899 0.0422 62.04)
XYZ
xyz(32.55, 32.51, 25.33)
CMYK
cmyk(0%, 14%, 26%, 31%)
CSS
color: #af9681;
CSS variable
--color-af9681: #af9681;
SCSS
$color-af9681: #af9681;
Tailwind
red-400
Export
:root {
--#af9681-1: #af9681;
}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.