Color Palettes

Concrete gray color

A cool, slightly blue-green gray that looks like poured concrete. It fits industrial interiors, minimalist web design and urban streetwear.

Also known as: Concrete, Cement gray.

Open in editor

The hex code for concrete gray is #95A5A6. In RGB it is rgb(149, 165, 166), in HSL hsl(184, 9%, 62%) and in CMYK 10, 1, 0, 35.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to concrete gray

Pewter#899499Cadet gray#91A3B0Heather gray#B6B6B4Dusty blue#8C9EB1Warm gray#A39E93Ash gray#B2BEB5

About concrete gray

Concrete gray (#95A5A6) is a neutral, mid-tone, muted color. It belongs to the grays family. It mixes 149 red, 165 green and 166 blue (out of 255). It is mostly used in industrial, web, fashion.

Swatch of Concrete gray with its shades from light to dark · #95A5A6
Concrete gray · #95A5A6

Concrete gray shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Concrete gray outfits: palettes by season

Outfit palettes with concrete gray or a very close shade, each with 8 outfits to copy.

Quiet luxuryFall · MenMinimalistFall · MenStreetwearSpring · MenOfficeSummer · MenStreetwearSummer · MenMountainWinter · MenOfficeWinter · Men

Concrete gray color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Warm gray
AnalogousClose to: Cadet gray
TriadicClose to: Pastel purple, Warm gray
Split complementaryClose to: Taupe gray, Warm gray
TetradicClose to: Pastel purple, Warm gray

Concrete gray color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Concrete gray
Analogous palette · Concrete gray
Complementary palette · Concrete gray
Triadic palette · Concrete gray
With neutrals palette · Concrete gray
With an accent palette · Concrete gray

Concrete gray contrast with text

White textContrast 2.6:1 · Not recommended
Black textContrast 8.2:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --concrete-gray: #95A5A6;
  --concrete-gray-rgb: 149, 165, 166;
}
.bg { background-color: var(--concrete-gray); }
.text { color: var(--concrete-gray); }

Colors similar to concrete gray

JuniperSmoke grayStone grayFrench gray

Where you'll see this color

Las Vegas RaidersTeam colorsIndianapolis ColtsTeam colorsPhiladelphia EaglesTeam colorsLos Angeles KingsTeam colorsAtlanta FalconsTeam colorsNew York GiantsTeam colorsSeattle SeahawksTeam colorsCharlotte HornetsTeam colorsMinnesota TimberwolvesTeam colorsToronto RaptorsTeam colorsBaltimore OriolesTeam colorsLos Angeles DodgersTeam colors

Themed palettes with this color

Instagram color palettesPresentation color palettesThesis color palettesMedical clinic and office color palettesBathroom color palettesMinimalist color palettes

More grays

GrayLight grayDark graySilverCharcoal graySlate grayAsh grayPearl grayOxford grayGraphiteTaupeSteel grayLead graySmoke grayStone grayPlatinumBlue grayGreigeGunmetal grayPewterCool grayDove grayGainsboroLight slate gray
Swatch of Concrete gray with its shades from light to dark · #95A5A6
Swatch of Concrete gray with its shades from light to dark · #95A5A6

Try this next

Name color paletteType a name and get your own color story paletteColor aquariumA relaxing 3D aquarium in your palettesFamily birth flower bouquetEveryone's birth flowers in one bouquet
See all free tools →

Frequently asked questions

What is the hex code for concrete gray?

The hex code for concrete gray is #95A5A6. In RGB it is rgb(149, 165, 166), in HSL hsl(184, 9%, 62%) and in CMYK 10, 1, 0, 35.

What is the complementary color of concrete gray?

Its complement on the color wheel is #A69695, close to warm gray. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on concrete gray?

Use black text instead: the contrast with white is only 2.6:1, while with black it is 8.2:1.