HEX Color #AFA8A8 (Darkgray)

About #AFA8A8

The precise color #AFA8A8 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkgray. In the RGB color space, it consists of 175 red, 168 green, and 168 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 4% Magenta, 4% Yellow, and 31% Black. With a hue angle of 0.0 degrees, it sits comfortably in the neutral spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#AFA8A8

RGB175, 168, 168

HSL0.0°, 4.2%, 67.3%

CMYK0%, 4%, 4%, 31%

HSV0.0°, 4.0%, 68.6%

LAB69.4, 2.5, 0.9

XYZ38.7, 39.9, 42.7

Decimal11511976

Color Harmonies

Complementary

#AFA8A8 #A8AFAF

Analogous

#AFA8AB #AFABA8

Triadic

#A8AFA8 #A8A8AF

Tetradic

#ABAFA8 #A8AFAF #ABA8AF

Tints, Shades & Tones

Tints (Adding White)

#AFA8A8

#B7B1B1

#C0BBBB

#C9C5C5

#D2CECE

#DBD8D8

#E4E2E2

#EDEBEB

#F6F5F5

#FFFFFF

Shades (Adding Black)

#AFA8A8

#9B9595

#888282

#747070

#615D5D

#4D4A4A

#3A3838

#262525

#131212

#000000

WCAG Contrast Accessibility

2.34:1

Text on #FFFFFF

FAIL

8.99:1

Text on #000000

AAA

2.23:1

Text on #F8FAFC

FAIL

7.64:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #AFA8A8; }

.text-color { color: #AFA8A8; }

.border-color { border: 2px solid #AFA8A8; }

Similar Colors

Darkgray

#A9A9A9