Arsenic

#3b444b

Neutral mid gray with earthy arsenic undertone for charts

Save
Share

About Arsenic

Arsenic is the gray I notice on a drafting wall when the lights are dim but you still want the page edges to feel crisp. It sits between the lighter, more neutral feel of the family and the heavier darks, reading cool-headed but not icy. Compared to , it doesn't recede as aggressively, and compared to it's less weighty and less saturated, more measured than slate. It also avoids 's deeper, bezel-like heaviness.

In practice, I use it for data-heavy interfaces where panels need structure without stealing attention: analytics workspaces in healthcare ops, log viewers in cybersecurity teams, and admin screens for billing and inventory systems. It's especially handy as a base layer for forms, tables, and side rails, so your mid-gray dividers still look like separate decisions. The one you reach for when you want dark mode to feel intentional, not mournful.

Pair it with clean, slightly brighter grays for hierarchy; if you stack it with very cool neighbors, it can start to feel flat and a bit disciplined, like everything is lined up too tightly.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
9.93:1AAA

On Gray 100 #f5f5f5

Aa
9.11:1AAA

On Gray 900 #18181b

Aa
1.78:1Fail

On Black #000000

Aa
2.11:1Fail

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Arsenic

Open the generator with this color pre-loaded.

Start creating