PCB Green

#002d04

Cleaner, medium-dark cool green for readable UI

Save
Share

About PCB Green

PCB hits like a freshly cleaned circuit board under shop lights, not like a wet forest floor. It's punchier and more upright in temperature than and , and it doesn't carry that damp, slate-murk drift. Compared to , it stays greener and clearer, with less of the sooty, specimen-label austerity.

For UI, I use it as a PCB anchor dark, where the surface needs to feel engineered and steady, not naturally shadowed. It works well behind map legend backgrounds and hard edges in GIS layers for forestry and watershed monitoring, plus status blocks in utility field-maintenance and compliance workflows. Put it under crisp off-whites and cool grays and it reads clean even with lots of small text.

Quirk: because it's greener and slightly brighter than those near-blacks, it can feel too assertive for full-page fills. Great for headers, cards, and panels, less so as the only background if your UI is mostly dense forms.

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
15.25:1AAA

On Gray 100 #f5f5f5

Aa
13.99:1AAA

On Gray 900 #18181b

Aa
1.16:1Fail

On Black #000000

Aa
1.38: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.

Create a gradient with PCB Green

Open the generator with this color pre-loaded.

Start creating