Track Night
A complete five-role scheme. energetic and bold in character — tagged for fitness, gaming.
#a3e635 #5d8a24 #f97316 #101418 #eef2e6 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 | #a3e635 | 163, 230, 53 | 83°, 78%, 55% |
| secondary | #5d8a24 | 93, 138, 36 | 86°, 59%, 34% |
| accent | #f97316 | 249, 115, 22 | 25°, 95%, 53% |
| background | #101418 | 16, 20, 24 | 210°, 20%, 8% |
| text | #eef2e6 | 238, 242, 230 | 80°, 32%, 93% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 16.28 | AAA |
| primary on background | 12.27 | AAA |
| secondary on background | 4.52 | AA |
| accent on background | 6.60 | AA |
| background on primary | 12.27 | AAA |
| background on accent | 6.60 | AA |
CSS variables
:root {
--color-primary: #a3e635;
--color-secondary: #5d8a24;
--color-accent: #f97316;
--color-bg: #101418;
--color-text: #eef2e6;
}Tailwind
colors: {
primary: '#a3e635',
secondary: '#5d8a24',
accent: '#f97316',
background: '#101418',
text: '#eef2e6',
}Best text pairings
The strongest foreground/background combinations in Track Night, 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.
#101418 on #eef2e6 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — background on primary — clears AAA comfortably.
#101418 on #a3e635 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — background on accent — meets AA for body text.
#101418 on #f97316 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — background on secondary — meets AA for body text.
#101418 on #5d8a24