Phosphor Green Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Phosphor Green (#00AA00), each snapped to its nearest named color.
#00AA00
#5500AA
#AA0055
#005800
#7F01FE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Phosphor Green | #00AA00 | 0, 170, 0 | 120°, 100%, 33% | 100, 0, 100, 33 | |
| Aubergine Perl | #5500AA | 85, 0, 170 | 270°, 100%, 33% | 50, 100, 0, 33 | |
| Shy Guy Red | #AA0055 | 170, 0, 85 | 330°, 100%, 33% | 0, 100, 50, 33 | |
| Duck Hunt | #005800 | 0, 88, 0 | 120°, 100%, 17% | 100, 0, 100, 65 | |
| Poisoning Purple | #7F01FE | 127, 1, 254 | 270°, 99%, 50% | 50, 100, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #00AA00 on #5500AA | 3.43:1 | AA large |
| Aa #00AA00 on #005800 | 2.82:1 | — |
| Aa #00AA00 on #AA0055 | 2.38:1 | — |
| Aa #00AA00 on #7F01FE | 2.02:1 | — |
| Aa #5500AA on #7F01FE | 1.70:1 | — |
| Aa #5500AA on #AA0055 | 1.44:1 | — |
CSS variables
:root {
--color-1: #00aa00; /* Phosphor Green */
--color-2: #5500aa; /* Aubergine Perl */
--color-3: #aa0055; /* Shy Guy Red */
--color-4: #005800; /* Duck Hunt */
--color-5: #7f01fe; /* Poisoning Purple */
}Other schemes from Phosphor Green
- Phosphor Green Complementary Color Scheme#00AA00#08FF08#AA00AA#550055#FF11FF
- Phosphor Green Analogous Color Scheme#AAAA00#55AA00#00AA00#00AA55#00AAAA
- Phosphor Green Triadic Color Scheme#00AA00#0000AA#AA0000#11FF11#00035B
- Phosphor Green Tetradic Color Scheme#00AA00#0055AA#AA00AA#AA5500#11FF11
- Phosphor Green Monochromatic Color Scheme#031602#005800#00AA00#00F900#4EFD54
More Dark Green split-complementary palettes
- Always Greener Grass Split-complementary Color Scheme#11AA00#5500AA#AA0066#005800#6600FF
- Amazon Split-complementary Color Scheme#387B54#6C3877#7C383D#224634#AA55AA
- Asian Spice Split-complementary Color Scheme#118822#5A1991#820E3B#06470C#9B1DCD
- Asparagus Sultan Split-complementary Color Scheme#6A8E22#253A91#772299#35530A#214FC6
- Autumn Crocodile Split-complementary Color Scheme#447744#5B4276#75495E#264334#9264A2
- Avocado Split-complementary Color Scheme#568203#001188#660088#223300#0022CC
- Bejewelled Split-complementary Color Scheme#25A26F#BB2299#A43323#136843#DF4EC8
- Bergamot Split-complementary Color Scheme#95C703#0033CC#9F00C5#447700#1155FF
- Beyond the Pines Split-complementary Color Scheme#688049#484A80#754A80#434C28#6C70A9
- Bimi Green Split-complementary Color Scheme#54682B#2C3A64#5B3167#223311#445599
- Bold Irish Split-complementary Color Scheme#2A814D#733380#842833#17462E#B13AAD
- Botanical Split-complementary Color Scheme#4D6E2F#292D74#69326E#223311#4A40AD
Questions
What colors go with Phosphor Green?
In a split-complementary scheme: Aubergine Perl (#5500AA), Shy Guy Red (#AA0055), Duck Hunt (#005800), Poisoning Purple (#7F01FE).
What is the hex code of Phosphor Green?
#00AA00.