Preview
#aaa193
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.55:1 · vs black: 8.23:1
HEX
#aaa193
RGB
rgb(170, 161, 147)
RGBA
rgba(170, 161, 147, 1)
HSL
hsl(37, 12%, 62%)
HSV
hsv(37, 14%, 67%)
LAB
lab(66.63% 0.81 8.46)
LCH
lch(66.63% 8.5 84.53)
OKLAB
oklab(0.7127 0.0043 0.0221)
OKLCH
oklch(0.7127 0.0225 78.99)
XYZ
xyz(34.59, 36.14, 32.75)
CMYK
cmyk(0%, 5%, 14%, 33%)
CSS
color: #aaa193;
CSS variable
--color-aaa193: #aaa193;
SCSS
$color-aaa193: #aaa193;
Tailwind
red-300
Export
:root {
--#aaa193-1: #aaa193;
}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.