Neon Terminal
A complete five-role scheme. bold and energetic in character — tagged for tech, gaming.
#00c2a8 #4361ee #f72585 #0d1117 #e6edf3 Ship your next idea faster
Everything you need to launch, in one place.
Get started Learn moreOpen this scheme in the Studio →
Color values
| Role | Hex | RGB | HSL |
|---|---|---|---|
| primary | #00c2a8 | 0, 194, 168 | 172°, 100%, 38% |
| secondary | #4361ee | 67, 97, 238 | 229°, 83%, 60% |
| accent | #f72585 | 247, 37, 133 | 333°, 93%, 56% |
| background | #0d1117 | 13, 17, 23 | 216°, 28%, 7% |
| text | #e6edf3 | 230, 237, 243 | 208°, 35%, 93% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 16.02 | AAA |
| primary on background | 8.36 | AAA |
| secondary on background | 3.77 | AA-large |
| accent on background | 5.01 | AA |
| background on primary | 8.36 | AAA |
| background on accent | 5.01 | AA |
CSS variables
:root {
--color-primary: #00c2a8;
--color-secondary: #4361ee;
--color-accent: #f72585;
--color-bg: #0d1117;
--color-text: #e6edf3;
}Tailwind
colors: {
primary: '#00c2a8',
secondary: '#4361ee',
accent: '#f72585',
background: '#0d1117',
text: '#e6edf3',
}Best text pairings
The strongest foreground/background combinations in Neon Terminal, ranked by WCAG contrast. Darker color set as the text; ratios of 4.5:1+ suit body copy, 7:1+ meet AAA.
Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — background on text — clears AAA comfortably.
#0d1117 on #e6edf3 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — background on primary — clears AAA comfortably.
#0d1117 on #00c2a8 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — background on accent — meets AA for body text.
#0d1117 on #f72585 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — secondary on text — suits large text and UI accents only.
#4361ee on #e6edf3