Granite Gray
Meet Granite Gray (#717171), a foundational neutral that commands attention without shouting. Its balanced, mid-tone character offers a stable yet sophisticated base for any palette, providing a quiet strength that works beautifully in complex user interface designs.
Granite Gray Code Conversions
HEX
#717171
LAB
48, 0, 0
RGB
113, 113, 113
XYZ
15.7, 16.5, 18.0
HSL
0°, 0%, 44%
LCH
48, 0, 158°
HSB
0°, 0%, 44%
LUV
48, 0, 0
HWB
0°, 44%, 56%
Granite Gray Color Harmonies
Analogous
For Granite Gray, analogous colors are its neighbors on the color wheel. This combination produces a unified and soothing visual experience for any interface.
Complementary
Complementary colors sit opposite Granite Gray on the color wheel. Pairing them creates a high-contrast, visually striking effect for your designs.
Split Complementary
Split complementary colors for Granite Gray offer a vibrant yet balanced palette, using the two colors adjacent to its direct complement.
Triadic
Triadic color palettes are formed by three hues equidistant on the color wheel. With Granite Gray, this creates a high-contrast yet harmonious combination.
Tetradic
A tetradic color scheme for Granite Gray involves two pairs of complementary colors, creating a rich, four-color palette for balanced designs.
Square
A square color scheme pairs Granite Gray with three other colors, all equidistant on the color wheel, creating a vibrant and balanced palette.
Granite Gray Contrast Simulation
Granite Gray Color Variations
Shades
Shades of Granite Gray are darker versions made by adding black, creating depth and weight.
Tints
Tints of Granite Gray are created by adding white, resulting in lighter, softer variations.
Tones
Tones of Granite Gray are created by adding gray, producing softer, less saturated versions.
Hues
Hues are Granite Gray variations that differ in intensity or temperature, subtly altering a design’s feel.
What Interfaces Use Colors Like Granite Gray?
