Whole Nine Yards Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Whole Nine Yards (#03C03C), each snapped to its nearest named color.
#03C03C
#9F00C5
#C0022F
#007722
#CC11FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Whole Nine Yards | #03C03C | 3, 192, 60 | 138°, 97%, 38% | 98, 0, 69, 25 | 70.3% 0.216 146 | |
| Foxy Fuchsia | #9F00C5 | 159, 0, 197 | 288°, 100%, 39% | 19, 100, 0, 23 | 52.0% 0.253 317 | |
| Lipstick Red | #C0022F | 192, 2, 47 | 346°, 98%, 38% | 0, 99, 76, 25 | 51.1% 0.205 21 | |
| Green Glutton | #007722 | 0, 119, 34 | 137°, 100%, 23% | 100, 0, 71, 53 | 49.5% 0.152 146 | |
| Sparkling Purple | #CC11FF | 204, 17, 255 | 287°, 100%, 53% | 20, 93, 0, 0 | 63.0% 0.303 316 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #03C03C on #9F00C5 | 2.62:1 | — |
| Aa #03C03C on #C0022F | 2.62:1 | — |
| Aa #03C03C on #007722 | 2.35:1 | — |
| Aa #03C03C on #CC11FF | 1.69:1 | — |
| Aa #9F00C5 on #CC11FF | 1.55:1 | — |
| Aa #C0022F on #CC11FF | 1.55:1 | — |
CSS variables
:root {
--color-1: #03c03c; /* Whole Nine Yards */
--color-2: #9f00c5; /* Foxy Fuchsia */
--color-3: #c0022f; /* Lipstick Red */
--color-4: #007722; /* Green Glutton */
--color-5: #cc11ff; /* Sparkling Purple */
}Other schemes from Whole Nine Yards
- Whole Nine Yards Complementary Color Scheme#03C03C#33EE66#CC0088#720058#EE22AA
- Whole Nine Yards Analogous Color Scheme#8CC90B#25C40D#03C03C#00C08E#0089C4
- Whole Nine Yards Triadic Color Scheme#03C03C#3300CC#CC3300#33EE66#220077
- Whole Nine Yards Tetradic Color Scheme#03C03C#0022CC#CC0088#C69C04#33EE66
- Whole Nine Yards Monochromatic Color Scheme#032E0E#007722#03C03C#11EE55#58F898
More dark green split-complementary color schemes
- 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 Whole Nine Yards?
In a split-complementary scheme: Foxy Fuchsia (#9F00C5), Lipstick Red (#C0022F), Green Glutton (#007722), Sparkling Purple (#CC11FF).
What is the hex code of Whole Nine Yards?
#03C03C.