Extra Life Complementary Color Scheme
Five colors arranged by the complementary rule around Extra Life (#6AB417), each snapped to its nearest named color.
#6AB417
#9CEF43
#6611AA
#331166
#9944EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Extra Life | #6AB417 | 106, 180, 23 | 88°, 77%, 40% | 41, 0, 87, 29 | |
| Kiwi Pulp | #9CEF43 | 156, 239, 67 | 89°, 84%, 60% | 35, 0, 72, 6 | |
| Indiviolet Sunset | #6611AA | 102, 17, 170 | 273°, 82%, 37% | 40, 90, 0, 33 | |
| Candied Blueberry | #331166 | 51, 17, 102 | 264°, 71%, 23% | 50, 83, 0, 60 | |
| Chaste Blossoms | #9944EE | 153, 68, 238 | 270°, 83%, 60% | 36, 71, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9CEF43 on #331166 | 10.50:1 | AAA |
| Aa #9CEF43 on #6611AA | 6.67:1 | AA |
| Aa #6AB417 on #331166 | 5.77:1 | AA |
| Aa #6AB417 on #6611AA | 3.66:1 | AA large |
| Aa #9CEF43 on #9944EE | 3.36:1 | AA large |
| Aa #331166 on #9944EE | 3.13:1 | AA large |
CSS variables
:root {
--color-1: #6ab417; /* Extra Life */
--color-2: #9cef43; /* Kiwi Pulp */
--color-3: #6611aa; /* Indiviolet Sunset */
--color-4: #331166; /* Candied Blueberry */
--color-5: #9944ee; /* Chaste Blossoms */
}Other schemes from Extra Life
- Extra Life Analogous Color Scheme#BA6219#BDAD13#6AB417#15B01A#11AA66
- Extra Life Triadic Color Scheme#6AB417#186DB6#BB1166#9CEF43#0E426F
- Extra Life Split-complementary Color Scheme#6AB417#0018A8#AC1DB8#4D6D08#273BE2
- Extra Life Tetradic Color Scheme#6AB417#19B6B5#6611AA#B31B1B#9CEF43
- Extra Life Monochromatic Color Scheme#172808#4D6D08#6AB417#8EE53F#BEEB71
More Dark Green complementary palettes
- Always Greener Grass Complementary Color Scheme#11AA00#21FC0D#9900AA#550055#FF11FF
- Amazon Complementary Color Scheme#387B54#59B587#753A58#442238#B7629B
- Asian Spice Complementary Color Scheme#118822#13DA25#881177#4C022F#FF1DCD
- Asparagus Sultan Complementary Color Scheme#6A8E22#9CD03B#442288#221155#7249D6
- Autumn Crocodile Complementary Color Scheme#447744#72A86A#784674#462343#AF73B0
- Avocado Complementary Color Scheme#568203#89DD01#380282#160435#5D06E9
- Bejewelled Complementary Color Scheme#25A26F#5CCD97#A22452#6F123C#CC5588
- Bergamot Complementary Color Scheme#95C703#C9FF27#3300CC#220077#6A2DED
- Beyond the Pines Complementary Color Scheme#688049#99AF73#644982#3C2F4E#967BB6
- Bimi Green Complementary Color Scheme#54682B#8CA94A#3E3267#1C0F33#654EA3
- Bold Irish Complementary Color Scheme#2A814D#41C379#872657#43182F#C44D97
- Botanical Complementary Color Scheme#4D6E2F#78AE48#522A6F#2E183B#8547B5
Questions
What colors go with Extra Life?
In a complementary scheme: Kiwi Pulp (#9CEF43), Indiviolet Sunset (#6611AA), Candied Blueberry (#331166), Chaste Blossoms (#9944EE).
What is the hex code of Extra Life?
#6AB417.