Color Palettes

Granite gray color

A medium-dark gray named after granite, the speckled rock used for countertops and monuments. It is solid and dependable, ideal for kitchens, outdoor gear and modern websites.

Also known as: Granite.

Open in editor

The hex code for granite gray is #676767. In RGB it is rgb(103, 103, 103), in HSL hsl(0, 0%, 40%) and in CMYK 0, 0, 0, 60.

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 granite gray

Dim gray#696969Dove gray#6D6C6CLead gray#6C6F73Nickel#727472Gunmetal gray#536267Dark gray#555555

About granite gray

Granite gray (#676767) is a neutral, mid-tone, almost unsaturated color. It belongs to the grays family. It mixes 103 red, 103 green and 103 blue (out of 255). It is mostly used in kitchens, web, architecture.

Swatch of Granite gray with its shades from light to dark · #676767
Granite gray · #676767

Granite gray shades and tints

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

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Granite gray color palettes

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

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

Granite gray contrast with text

White textContrast 5.7:1 · AA
Black textContrast 3.7:1 · AA large text

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

CSS code

:root {
  --granite-gray: #676767;
  --granite-gray-rgb: 103, 103, 103;
}
.bg { background-color: var(--granite-gray); }
.text { color: var(--granite-gray); }

Colors similar to granite gray

Steel grayGrayMedium graySandstone

Where you'll see this color

Ohio State BuckeyesTeam colorsGeorgetown HoyasTeam colorsUNLV RebelsTeam colorsBuffalo BullsTeam colors

Themed palettes with this color

Presentation color palettesThesis color palettesResume color palettesCoffee shop color palettesMedical clinic and office color palettesReal estate color palettes

More grays

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

Try this next

Name color paletteType a name and get your own color story paletteColor Scratch-OffScratch a free ticket and reveal a paletteColor aquariumA relaxing 3D aquarium in your palettes
See all free tools →

Frequently asked questions

What is the hex code for granite gray?

The hex code for granite gray is #676767. In RGB it is rgb(103, 103, 103), in HSL hsl(0, 0%, 40%) and in CMYK 0, 0, 0, 60.

What is the complementary color of granite gray?

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

Can you use white text on granite gray?

Yes. The contrast with white is 5.7:1, enough for body text (WCAG AA).