#A1A1AA
Tailwind zinc-400
#A1A1AA is a grey colour. In RGB it is 161 red, 161 green and 170 blue, which converts to a hue of 240 degrees, 5% saturation and 65% lightness. It is Tailwind zinc-400 in that design system's palette.
Color values
| HEX | #A1A1AA |
|---|---|
| RGB | rgb(161, 161, 170) |
| HSL | hsl(240, 5%, 65%) |
| HSV | hsv(240, 5%, 67%) |
| CMYK | cmyk(5%, 5%, 0%, 33%) |
Contrast and accessibility
Against white the contrast ratio is 2.56:1, and against black it is 8.19:1. WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.
| Background | Ratio | Normal text | Large text |
|---|---|---|---|
| White | 2.56:1 | Fail | Fail |
| Black | 8.19:1 | AAA | AAA |
Tints and shades
Lighter tints move #A1A1AA toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #A1A1AA; |
|---|---|
| CSS rgb() | color: rgb(161 161 170); |
| Tailwind | bg-[#a1a1aa] |
| SwiftUI | Color(red: 0.631, green: 0.631, blue: 0.667) |
| Android | Color.parseColor("#A1A1AA") |
Closest named color
The nearest CSS colour keyword to #A1A1AA is darkgray (#A9A9A9).