Skip to the color picker
PickShade

#313d40 color: Old School

Every format, shade and contrast value for #313d40. Drag the picker to explore nearby colors.

Read as HEX

192°
100%

OKLCH

35%
0.017
215°
  • ≈ Graphite
  • Gray
  • Dark
  • Muted
  • Neutral
  • zinc-700
  • Black 75%

Looks the same on every screen.

White text11.22:1 · AALc -100
Black text1.87:1 · Below AALc 8

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #313d40

#313d40 is a dark gray color. In OKLCH it has 35% lightness, 0.017 chroma and a hue of 215°.

Looks the same on every screen.

White text on it reaches 11.22:1 contrast and black text 1.87:1, so white text reads better.

The closest named color is Old School (#353c3d). In Tailwind CSS the closest color is zinc-700.

More dark gray colors

Lighter: #313d40 mixed with white

  1. 313d40
  2. 434e51
  3. 566062
  4. 697274
  5. 7d8587
  6. 91989a
  7. a6acad
  8. bcc0c1
  9. d2d5d5
  10. e8eaea

Darker: #313d40 mixed with black

  1. 313d40
  2. 293436
  3. 222b2d
  4. 1a2224
  5. 131a1b
  6. 0c1213
  7. 060a0b
  8. 030405
  9. 010101
  10. 000000

Calmer: #313d40 with less saturation

  1. 313d40
  2. 323d3f
  3. 333d3f
  4. 343c3e
  5. 353c3e
  6. 363c3d
  7. 373c3d
  8. 383b3c
  9. 393b3c
  10. 3a3b3b