#A3A295

Gray

HEX

RGB

HSL

About #A3A295 Gray

#A3A295 is a gray color. In the RGB color model, it is composed of 163 red, 162 green, and 149 blue. In the HSL color space, it has a hue of 56°, saturation of 7%, and lightness of 61%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With low saturation, it appears muted and subtle.

CSS Code

Use #A3A295 in your CSS, SCSS, or Tailwind projects.

Color Properties

56°

Hue

7%

Saturation

61%

Lightness

Gray

Color Harmonies

Colors that work well with #A3A295 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #A3A295 against white and black backgrounds.

Aa#A3A295 on White
Contrast Ratio2.57:1
AA AA Large AAA
Aa#A3A295 on Black
Contrast Ratio8.16:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #A3A295 across different color formats.

FormatValue
HEX#A3A295
RGBrgb(163, 162, 149)
HSLhsl(56, 7%, 61%)
RGB Decimal163, 162, 149
RGB Percent63.9%, 63.5%, 58.4%
CMYK (approx.)0%, 1%, 9%, 36%

Related Palettes

12 palettes using #A3A295 or similar colors

#5E443B#947351#AEA384#CDCDB2
#604339#8B745A#AEA484#CECEB0
#5D4E3C#98884D#ACAD85#C7D1AE
#643C35#8B6E5B#AFA083#D2CFAC
#634836#8C7A59#AEAA84#CFD5A9
#F1C40F#E67E22#E74C3C#95A5A6
#ECF0F1#BDC3C7#95A5A6#7F8C8D
#95A5A6#7F8C8D#34495E#2C3E50
#E67E22#D35400#95A5A6#7F8C8D
#2ECC71#27AE60#95A5A6#7F8C8D
#645F35#848C5A#9DAF83#BBCDB2
#5D433C#8F7157#B0A382#CDCCB2