Black#0D0D0D
Spring Green#00FF41
Green#007A1F
Dark Green#003B00
Black#0D0208
Color Palette
#0D0D0D · #00FF41 · #007A1F · #003B00 · #0D0208
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #0D0D0D;
--color-1-rgb: 13, 13, 13;
--color-1-hsl: 0, 0%, 5%;
--color-2: #00FF41;
--color-2-rgb: 0, 255, 65;
--color-2-hsl: 135, 100%, 50%;
--color-3: #007A1F;
--color-3-rgb: 0, 122, 31;
--color-3-hsl: 135, 100%, 24%;
--color-4: #003B00;
--color-4-rgb: 0, 59, 0;
--color-4-hsl: 120, 100%, 12%;
--color-5: #0D0208;
--color-5-rgb: 13, 2, 8;
--color-5-hsl: 327, 73%, 3%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#0D0D0D
On White
19.44:1AAA
On Black
1.08:1Fail
Aa
Aa
#00FF41
On White
1.37:1Fail
On Black
15.38:1AAA
Aa
Aa
#007A1F
On White
5.52:1AA
On Black
3.8:1Fail
Aa
Aa
#003B00
On White
12.92:1AAA
On Black
1.63:1Fail
Aa
Aa
#0D0208
On White
20.4:1AAA
On Black
1.03:1Fail
Aa
Aa
Contrast ratios calculated per WCAG 2.1. AA requires ≥4.5:1, AAA requires ≥7:1 for normal text.
Palette Variations
Palette Variations
Original
☀️
lighter
· Increased lightness, reduced saturation
#404040
#6EF790
#0BD53E
#089B08
#60163E
🌑
darker
· Reduced lightness, increased saturation
#0D0C0C
#009926
#001906
#001900
#17030E
🌫️
muted
· Desaturated for a calm, muted look
#0D0D0D
#26D953
#126828
#093409
#0B0408
⚡
vibrant
· Boosted saturation for maximum impact
#854747
#00FF40
#00CC33
#00CC00
#CC0070