Preview
#aaa49a
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.47:1 · vs black: 8.49:1
HEX
#aaa49a
RGB
rgb(170, 164, 154)
RGBA
rgba(170, 164, 154, 1)
HSL
hsl(38, 9%, 64%)
HSV
hsv(38, 9%, 67%)
LAB
lab(67.6% 0.37 5.95)
LCH
lch(67.6% 5.96 86.44)
OKLAB
oklab(0.7208 0.0026 0.0156)
OKLCH
oklch(0.7208 0.0158 80.54)
XYZ
xyz(35.69, 37.43, 35.91)
CMYK
cmyk(0%, 4%, 9%, 33%)
CSS
color: #aaa49a;
CSS variable
--color-aaa49a: #aaa49a;
SCSS
$color-aaa49a: #aaa49a;
Tailwind
red-300
Export
:root {
--#aaa49a-1: #aaa49a;
}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.