Granite
Granite (#484E4E) is a profound charcoal that offers a sophisticated alternative to absolute black. What makes it striking is its subtle cool undertone, which gives this dark shade a quiet complexity and visual interest perfect for refined digital product design.
Granite Code Conversions
HEX
#484E4E
LAB
33, -2, -1
RGB
72, 78, 78
XYZ
6.8, 7.4, 8.3
HSL
180°, 4%, 29%
LCH
33, 3, 199°
HSB
180°, 8%, 31%
LUV
33, -3, -1
HWB
180°, 28%, 69%
Granite Color Harmonies
Analogous
By selecting colors adjacent to Granite on the color wheel, you can build an analogous palette that feels cohesive, balanced, and naturally serene.
Complementary
Complementary colors are opposites on the color wheel. When paired with Granite, these hues create a striking, high-contrast visual effect.
Split Complementary
A split complementary scheme for Granite (#484E4E) uses the two colors adjacent to its direct complement, creating a vibrant yet balanced palette.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. With Granite as the base, this combination creates a vibrant, high-contrast palette.
Tetradic
Tetradic color schemes use four colors arranged into two complementary pairs. With Granite as a base, this creates a balanced yet vibrant palette.
Square
A square color scheme uses four colors equidistant on the color wheel. This arrangement, with Granite as a base, produces a lively, high-contrast palette.
Granite Contrast Simulation
Granite Color Variations
Shades
Shades are darker versions of Granite, created by adding black for depth and weight.
Tints
Tints are lighter versions of Granite, created by adding white to soften the hue.
Tones
Adding gray to Granite creates tones, which are muted versions with a softer saturation.
Hues
Hues are variations of Granite, altering its intensity and temperature to create different moods.
What Interfaces Use Colors Like Granite?

























