Colour

#AFACAF

#AFACAF
Grey
Dark
Nearest: Dark grey

#AFACAF is a grey with RGB values 175, 172, 175 and HSL 300°, 2%, 68%. It is a dark colour, so black text on it reaches 9.3:1 contrast (AAA for normal text). The nearest named colour is Dark grey.

Colour values

#AFACAF#AFACAF

HEX#AFACAF

RGBrgb(175, 172, 175)

RGB (0–1)0.6863, 0.6745, 0.6863

RGB percentages68.6%, 67.5%, 68.6%

HSLhsl(300, 1.8%, 68%)

HSV / HSBhsv(300, 1.7%, 68.6%)

CMYK0%, 1.7%, 0%, 31.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,513,007

CSS custom property--colour: #AFACAF;

Brightness & contrast

Relative luminance0.41714WCAG 2.x, 0 is black and 1 is white

Perceived brightness173.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.34:1

Contrast with white2.25:1WCAG normal text: Fail

Contrast with black9.34:1WCAG normal text: AAA

Greyscale equivalent#ADADAD

Inverted#505350

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#ACADAFno red cones; affects about 1% of men; ΔE 1.6 from the original

Deuteranopia#ACADAFno green cones; the most common form, about 1% of men; ΔE 1.6 from the original

Tritanopia#AFACADno blue cones; rare, and affects men and women equally; ΔE 1.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.25:1WCAG large text: Fail

Contrast with black, large text9.34:1WCAG large text: AAA

Named colours

Dark grey · ΔE 2.5 Silver · ΔE 7.3 Light grey · ΔE 14 Light steelblue · ΔE 16.3 Thistle · ΔE 17 Gainsboro · ΔE 17.2

Nearest named CSS colourDark grey (#A9A9A9)ΔE 2.46, a close match

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#ACAFAC

Analogous#AEACAF, #AFACAE

Triadic#AFAFAC, #ACAFAF

Split complementary#AEAFAC, #ACAFAE

Tetradic#AFAEAC, #ACAFAC, #ACAEAF

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFFFFF

Lighter +30%#FAFAFA

Lighter +20%#E1E0E1

Lighter +10%#C8C6C8

Darker −10%#969296

Darker −20%#7D787D

Darker −30%#635F63

Darker −40%#494649

More saturated +25%#C398C3

Less saturated −25%#AEAEAE

Channel breakdown

R175

G172

B175

Red175 (68.6%)

Green172 (67.5%)

Blue175 (68.6%)

Hue300°

Saturation (HSL)1.84%

Lightness68.04%

Dominant channelRed and Blue

Hex per channelR AF · G AC · B AF

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#AFACAF

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else