Skip to the color picker

#3f3f46 color: Volcanic Sand

#3f3f46 is rgb(63, 63, 70) in RGB and oklch(37.032% 0.01188 285.805) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

240°
100%

37%
0.012
286°
  • Gray
  • Dark
  • Muted
  • Neutral
  • ≈ Charcoal
  • zinc-700
  • Black 73%

Inside sRGB: displays the same on any screen.

White text
10.44:1Readable · AA
Lc -98
Black text
2.01:1Hard to read
Lc 10

Shades

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

Harmonies

Recent

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

About #3f3f46

#3f3f46 is a dark gray color. In OKLCH it has 37% lightness, 0.012 chroma and a hue of 286°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Volcanic Sand (#404048). In Tailwind CSS the closest color is zinc-700.

More dark gray colors

Lighter: #3f3f46 mixed with white

  1. 3f3f46

Darker: #3f3f46 mixed with black

  1. 3f3f46
  2. 000000

Calmer: #3f3f46 with less saturation

  1. 3f3f46
  2. 404040

Similar named colors

Colors that go with #3f3f46

Complementary
#3f3f46
Analogous
#3f3f46
Triadic
#3f3f46
Split
#3f3f46

Questions about #3f3f46

What color is #3f3f46?

#3f3f46 is dark gray. The closest named color is Volcanic Sand. In RGB it is rgb(63, 63, 70), in HSL hsl(240, 5.26%, 26.08%) and in OKLCH oklch(37.032% 0.01188 285.805).

What colors go well with #3f3f46?

The complementary color of #3f3f46 is #404039. For a calmer combination use the analogous colors #3c4046 and #423e44. The triadic partners are #453e3b and #3a423e.

Is white or black text more readable on #3f3f46?

White text reads better on #3f3f46: white gives a contrast ratio of 10.44:1 and black gives 2.01:1. WCAG AA asks for at least 4.5:1 for body text.

Is #3f3f46 a warm or cool color?

#3f3f46 is a neutral color. In OKLCH its hue is 286 degrees, its lightness 37% and its chroma 0.012.