Preview
#afa294
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.49:1 · vs black: 8.42:1
HEX
#afa294
RGB
rgb(175, 162, 148)
RGBA
rgba(175, 162, 148, 1)
HSL
hsl(31, 14%, 63%)
HSV
hsv(31, 15%, 69%)
LAB
lab(67.35% 2.32 8.98)
LCH
lch(67.35% 9.27 75.51)
OKLAB
oklab(0.7194 0.0088 0.0234)
OKLCH
oklch(0.7194 0.025 69.39)
XYZ
xyz(35.94, 37.09, 33.28)
CMYK
cmyk(0%, 7%, 15%, 31%)
CSS
color: #afa294;
CSS variable
--color-afa294: #afa294;
SCSS
$color-afa294: #afa294;
Tailwind
red-300
Export
:root {
--#afa294-1: #afa294;
}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.