Preview
#aaa299
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.52:1 · vs black: 8.34:1
HEX
#aaa299
RGB
rgb(170, 162, 153)
RGBA
rgba(170, 162, 153, 1)
HSL
hsl(32, 9%, 63%)
HSV
hsv(32, 10%, 67%)
LAB
lab(67.04% 1.29 5.71)
LCH
lch(67.04% 5.85 77.27)
OKLAB
oklab(0.7164 0.0052 0.015)
OKLCH
oklch(0.7164 0.0159 70.88)
XYZ
xyz(35.25, 36.69, 35.36)
CMYK
cmyk(0%, 5%, 10%, 33%)
CSS
color: #aaa299;
CSS variable
--color-aaa299: #aaa299;
SCSS
$color-aaa299: #aaa299;
Tailwind
red-300
Export
:root {
--#aaa299-1: #aaa299;
}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.