Preview
#afa9a0
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.33:1 · vs black: 9.01:1
HEX
#afa9a0
RGB
rgb(175, 169, 160)
RGBA
rgba(175, 169, 160, 1)
HSL
hsl(36, 9%, 66%)
HSV
hsv(36, 9%, 69%)
LAB
lab(69.49% 0.53 5.4)
LCH
lch(69.49% 5.43 84.39)
OKLAB
oklab(0.7372 0.003 0.0142)
OKLCH
oklch(0.7372 0.0145 78.07)
XYZ
xyz(38.21, 40.03, 38.96)
CMYK
cmyk(0%, 3%, 9%, 31%)
CSS
color: #afa9a0;
CSS variable
--color-afa9a0: #afa9a0;
SCSS
$color-afa9a0: #afa9a0;
Tailwind
red-300
Export
:root {
--#afa9a0-1: #afa9a0;
}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.