Preview
#aaa192
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.55:1 · vs black: 8.22:1
HEX
#aaa192
RGB
rgb(170, 161, 146)
RGBA
rgba(170, 161, 146, 1)
HSL
hsl(38, 12%, 62%)
HSV
hsv(38, 14%, 67%)
LAB
lab(66.61% 0.65 8.98)
LCH
lch(66.61% 9 85.86)
OKLAB
oklab(0.7124 0.0039 0.0234)
OKLCH
oklch(0.7124 0.0237 80.54)
XYZ
xyz(34.51, 36.11, 32.34)
CMYK
cmyk(0%, 5%, 14%, 33%)
CSS
color: #aaa192;
CSS variable
--color-aaa192: #aaa192;
SCSS
$color-aaa192: #aaa192;
Tailwind
red-300
Export
:root {
--#aaa192-1: #aaa192;
}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.