Track Night
A complete five-role scheme. energetic and bold in character — tagged for fitness, gaming.
primary
#a3e635 secondary
#5d8a24 accent
#f97316 background
#101418 text
#eef2e6 AcmeSign up
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',
}