Granite #746A5E

Granite (#746A5E) is a grey neutral with an OKLCH hue of 72°, lightness 0.53 and chroma 0.022. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.

Color values

HEX#746A5E
RGBrgb(116, 106, 94)
HSLhsl(33, 10%, 41%)
HSVhsv(33, 19%, 45%)
CMYKcmyk(0%, 9%, 19%, 55%)
CIE Lablab(45.4 1.8 8.2)
OKLCHoklch(0.530 0.022 72)

How Granite behaves under real light

Under warm 2700K interior light Granite shifts subtly: takes on a orange cast; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.2), so it is a lighting-stable choice.

Test Granite in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.

Contrast & accessibility

Against white it measures 5.3:1 and against black 3.97:1, so white text is the stronger pairing. That pairing passes WCAG AA for body text.

Colors that go with Granite

Tonal

One color explored: close hues with real lightness and chroma structure, so the palette is the anchor through value rather than a set of colors.

#c8bfb5 · #a2988e · #746a5e · #595045 · #383027 · #19130b

Analogous

The anchor's neighbours on the wheel — everything shares an undertone, so the chord carries color without anything having to be muted to get along.

#959168 · #8e7b4e · #746a5e · #795033 · #683e2f · #552e2b

Shifted

The mid-gap pairing — sage and mustard, terracotta and olive. A foil rotated 40–65° toward warm or cool: too far to be kin, too near to argue, carried by temperature and a deliberate value offset.

#9db07c · #848d75 · #746a5e · #654a26 · #48300d · #192009

Contrast

One deliberately opposed voice — a single restrained counterpoint across the wheel, or temperature against temperature where the anchor is too muted to carry a loud opposite.

#e1ceb7 · #6c90ba · #746a5e · #554b40 · #3d2d18 · #1d1408

Quiet Support

The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.

#edf2f9 · #8c857d · #746a5e · #4f5357 · #272018 · #010204

Bright Accent

This color as a ground rather than a subject — its own restraint held across a narrow value band, carrying one saturated voice from the opposite temperature.

#f5f1ec · #cec9c3 · #746a5e · #2b241c · #090401 · #f4ae4b

Complementary

The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.

#e9f3ff · #6c89aa · #746a5e · #32557b · #07223f · #120600

Split-complementary

The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.

#e9f3ff · #5c8fa0 · #746a5e · #4c4d7b · #002632 · #010007

Triadic

Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.

#e2f7f6 · #599290 · #746a5e · #614670 · #2c1737 · #000202

Tetradic

Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.

#e5f7ed · #65927b · #746a5e · #32557b · #35132a · #00020b

Tints, shades & muted variants

Tints

#898075 · #9E968C · #B4ADA4 · #CAC4BD · #E1DCD7

Shades

#60574D · #4D453C · #3B342C · #2A241D · #19140E

Using Granite

Its moderate chroma lets it work in mid-size areas — upholstery, secondary UI surfaces, editorial blocks — without overwhelming neighbors. In palettes it pairs most predictably with its tonal ramp and analogous neighbors; reserve the complementary hue for small, deliberate contrast.

Similar colors