Skip to content
ChromaBrew

Charcoal

Charcoal is black with judgment: softer than #000, stronger than gray, often with a blue whisper. The default ink of considered interfaces and the ground of refined dark themes.

body inkdark themespremium interfaces

Values in every format

HEX
#36454f
RGB
rgb(54, 69, 79)
HSL
hsl(204, 19%, 26%)
OKLCH
oklch(0.381 0.026 237.5)
CMYK
cmyk(31.6%, 12.7%, 0%, 69%)

Hue family: Blue · closest CSS name: darkslategray. Convert this color

Perceptual shade scale

Eleven even steps from 50 to 950, computed in OKLCH — the starred stop is #36454F itself.

  1. 50#f3f8fc
  2. 100#e6eff5
  3. 200#d5e1e8
  4. 300#c0ced8
  5. 400#a5b5c0
  6. 500#8b9ca8
  7. 600#738490
  8. 700#5b6b76
  9. 800#47555e
  10. 900 ★#36454f
  11. 950#1e272e

Build a full system from #36454F

Harmonies with charcoal

Complementary

Maximum contrast — use one side for action, the other sparingly.

#36454f #4f4036

Analogous

Neighbors on the wheel — calm, cohesive, hard to get wrong.

#364f4d #36454f #36394f

Triadic

Three evenly spaced hues — vibrant, needs one clear leader.

#36454f #4f3645 #454f36

Measured contrast

on white9.9:1 · AA normal ✓
on black2.12:1 · fails AA

Check your own pairs