Preview
#af8a7d
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.11:1 · vs black: 6.75:1
HEX
#af8a7d
RGB
rgb(175, 138, 125)
RGBA
rgba(175, 138, 125, 1)
HSL
hsl(16, 24%, 59%)
HSV
hsv(16, 29%, 69%)
LAB
lab(60.58% 12.11 12.33)
LCH
lch(60.58% 17.28 45.52)
OKLAB
oklab(0.6648 0.0376 0.0318)
OKLCH
oklch(0.6648 0.0492 40.22)
XYZ
xyz(30.47, 28.77, 23.35)
CMYK
cmyk(0%, 21%, 29%, 31%)
CSS
color: #af8a7d;
CSS variable
--color-af8a7d: #af8a7d;
SCSS
$color-af8a7d: #af8a7d;
Tailwind
slate-400
Export
:root {
--#af8a7d-1: #af8a7d;
}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.