darkgrey

#A9A9A9

CSS color

Dark Gray (#A9A9A9) is a medium-dark achromatic gray CSS named color sitting comfortably between light gray and black. It is one of the most practically useful neutrals in web and graphic design, providing sufficient contrast against light backgrounds for secondary text and icons without the harshness of near-black. It is widely used for placeholder text, disabled states, and subtle dividers.

カラー値

HEX

#A9A9A9

RGB

169, 169, 169

HSL

0.0, 0.0%, 66.3%

HSV

0.0, 0.0%, 66.3%

CMYK

0.0%, 0.0%, 0.0%, 33.7%

OKLCH

0.7348 0.0 89.9

プロパティ

色彩心理学

Light grays are the quietest, most neutral colors in design, representing clarity, simplicity, and modern minimalism. They create a sense of calm order without drawing emotional attention. Silver tones additionally carry associations with technology, precision, and futuristic innovation.

Design Usage

Light gray is the foundational background color for modern web and mobile interfaces. It defines content boundaries, card surfaces, and secondary backgrounds in virtually every design system. Use it as the canvas that allows accent colors and content to take center stage.

カラーハーモニー

色覚異常シミュレーション

CSS使用法

background-color: #A9A9A9;
color: #A9A9A9;
border-color: #A9A9A9;
最も近いTailwind: Neutral 400 #A3A3A3

Tailwindシェード

コントラストチェッカー

白背景のテキスト

2.35:1

AA Fail AAA Fail

黒背景のテキスト

8.94:1

AA Pass AAA Pass

比較する

関連記事

よくある質問

What are the RGB, HSL, and CMYK values of #A9A9A9?

RGB(169, 169, 169) · HSL(0.0, 0.0%, 66.3%) · CMYK(0.0%, 0.0%, 0.0%, 33.7%)

Does #A9A9A9 meet WCAG contrast on white?

2.35:1 — WCAG AA 不合格, AAA 不合格 for normal text.

What text color is readable on #A9A9A9?

Use 000000 text on a #A9A9A9 background; contrast on black is 8.94:1.