Building Block

#afafa7 · one of 31,915 named colors

Building Block is a light, muted gray with the hex code #afafa7. In RGB it is 175 red, 175 green and 167 blue, and black text is most readable on top of it. Its complementary color, on the opposite side of the color wheel, is Palace Walls (#a7a7af).

Part of Shades of Gray →
Try Building Block in the generator →

Codes

HEX#afafa7

HEX8#afafa7ff

RGBrgb(175, 175, 167)

RGBArgba(175, 175, 167, 1)

RGB %rgb(69%, 69%, 65%)

HSLhsl(60, 5%, 67%)

HSLAhsla(60, 5%, 67%, 1)

Variables

Sass$building-block: #afafa7;

Less@building-block: #afafa7;

CSS--building-block: #afafa7;

Shades

Goes with

Complementary

Palace Walls

Analogous

City Tower Gull Wing

Triadic

Puritan Grey Angel Aura