Skip to content

Granite Color Code: HEX Code & RGB Code Values ​

Looking for specific granite color code? Get exact granite hex code #696767 and granite RGB code rgb(105,103,103). Complete color information for design and development projects featuring this strong, speckled dark grey color.

Visual example of granite color with its strong, speckled dark grey appearance
HEX#696767
RGBrgb(105,103,103)

Shades of Granite ​

Create custom shades of granite with our color generator. Adjust hues, tints, and tones to find the perfect shade of granite for your project.

🎨

Shades (Adding Black)

  • 696767
    rgb(105, 103, 103)
  • 575555
    rgb(87, 85, 85)
  • 464444
    rgb(70, 68, 68)
  • 353434
    rgb(53, 52, 52)
  • 252525
    rgb(37, 37, 37)
  • 161616
    rgb(22, 22, 22)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 696767
    rgb(105, 103, 103)
  • 807F7F
    rgb(128, 127, 127)
  • 989797
    rgb(152, 151, 151)
  • B1B0B0
    rgb(177, 176, 176)
  • CACACA
    rgb(202, 202, 202)
  • E4E4E4
    rgb(228, 228, 228)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 696767
    rgb(105, 103, 103)
  • 696767
    rgb(105, 103, 103)
  • 696767
    rgb(105, 103, 103)
  • 686767
    rgb(104, 103, 103)
  • 686767
    rgb(104, 103, 103)
  • 686767
    rgb(104, 103, 103)
  • 808080
    rgb(128, 128, 128)

Granite Palette ​

Explore curated and automatically generated color palettes featuring granite. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#D6CBCB
Light
#B0A9A9
Medium Light
#8C8787
Medium
#696767
Medium Dark
#484747
Dark
#2A2A2A
Darkest
#0D0D0D

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#696767
Left Dark
#8A8888
Left Medium
#ACABAB
Left Light
#D0D0D0
Neutral
#F5F5F5
Right Light
#D0D0D0
Right Medium
#ABACAC
Right Dark
#888A8A
Complementary End
#676969

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#B1B0B0
Medium
#696767
Dark
#363434
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#696769
Left Adjacent 1
#696768
Main
#696767
Right Adjacent 1
#696867
Right Adjacent 2
#696967

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#696767
Complementary
#676969

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#696767
Secondary
#676967
Tertiary
#676769

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#696767
Right 90°
#686967
Complementary
#676969
Left 90°
#686769

Tetradic

Two pairs of complementary colors

4 colors
Main
#696767
Secondary
#696967
Complementary
#676969
Complementary Secondary
#676769

Split Complementary

Complementary colors ±30°

3 colors
Main
#696767
Split Left
#676968
Split Right
#676869

Cyclic

Circular gradient for periodic data

8 colors
0°
#696767
45°
#696967
90°
#686967
135°
#676968
180°
#676969
225°
#676869
270°
#686769
315°
#696769

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#BAABAB
Pastel 1
#C3B6B6
Pastel 2
#CDC1C1
Pastel 3
#D6CDCD
Pastel 4
#DFD8D8
Deep Pastel
#E8E3E3

Common Grey Color Codes (HEX & RGB) ​

Gray/Grey →
HEX:#808080
RGB:rgb(128, 128, 128)
Silver →
HEX:#C0C0C0
RGB:rgb(192,192,192)
Dark Grey →
HEX:#A9A9A9
RGB:rgb(169, 169, 169)

Extract Granite Hex & RGB Codes from Image ​

Upload a photo to find the exact granite HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP

Granite Color Code Converter ​

Instantly convert between HEX, RGB, CMYK, and more for granite shades.

🎨

All Formats:

  • HEX:
    #696767
  • RGB:
    rgb(105, 103, 103)
  • CMYK:
    cmyk(0%, 2%, 2%, 59%)
  • HSV:
    hsv(0°, 2%, 41%)
  • HSL:
    hsl(0°, 1%, 41%)

What is Granite? ​

Granite is a strong, speckled dark grey color named after granite stone. It's a durable, solid shade that evokes feelings of strength and longevity. This color is often associated with stone, architecture, and solid aesthetics.

The hex code for granite is #696767, with RGB values of rgb(105, 103, 103). It's a strong, beautiful color that adds durability to any design.

Design Applications ​

Granite works well in architectural designs, stone aesthetics, and solid themes. It pairs beautifully with white, black, and gold. Use it for building materials, luxury designs, or to create a strong, solid atmosphere in your projects.

FAQ ​

What is the granite hex code? ​

The granite hex code is #696767.

What colors complement granite? ​

Granite pairs well with white, black, gold, and blue.

Is granite named after the stone? ​

Yes, it's named for the durable granite stone.