Extra Life Tetradic Color Scheme
Five colors arranged by the tetradic rule around Extra Life (#6AB417), each snapped to its nearest named color.
#6AB417
#19B6B5
#6611AA
#B31B1B
#9CEF43
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Extra Life | #6AB417 | 106, 180, 23 | 88°, 77%, 40% | 41, 0, 87, 29 | |
| Swagger | #19B6B5 | 25, 182, 181 | 180°, 76%, 41% | 86, 0, 1, 29 | |
| Indiviolet Sunset | #6611AA | 102, 17, 170 | 273°, 82%, 37% | 40, 90, 0, 33 | |
| Carnelian | #B31B1B | 179, 27, 27 | 0°, 74%, 40% | 0, 85, 85, 30 | |
| Kiwi Pulp | #9CEF43 | 156, 239, 67 | 89°, 84%, 60% | 35, 0, 72, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6611AA on #9CEF43 | 6.67:1 | AA |
| Aa #B31B1B on #9CEF43 | 4.80:1 | AA |
| Aa #19B6B5 on #6611AA | 3.77:1 | AA large |
| Aa #6AB417 on #6611AA | 3.66:1 | AA large |
| Aa #19B6B5 on #B31B1B | 2.72:1 | — |
| Aa #6AB417 on #B31B1B | 2.64:1 | — |
CSS variables
:root {
--color-1: #6ab417; /* Extra Life */
--color-2: #19b6b5; /* Swagger */
--color-3: #6611aa; /* Indiviolet Sunset */
--color-4: #b31b1b; /* Carnelian */
--color-5: #9cef43; /* Kiwi Pulp */
}Other schemes from Extra Life
- Extra Life Complementary Color Scheme#6AB417#9CEF43#6611AA#331166#9944EE
- 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 Monochromatic Color Scheme#172808#4D6D08#6AB417#8EE53F#BEEB71
More Dark Green tetradic palettes
- Always Greener Grass Tetradic Color Scheme#11AA00#0065AC#9900AA#AA4400#33FF11
- Amazon Tetradic Color Scheme#387B54#363E7D#753A58#767437#61BA85
- Asian Spice Tetradic Color Scheme#118822#063C89#881177#885818#16F12D
- Asparagus Sultan Tetradic Color Scheme#6A8E22#20887A#442288#92242E#ACD243
- Autumn Crocodile Tetradic Color Scheme#447744#475F77#784674#7A5D46#78AD6D
- Avocado Tetradic Color Scheme#568203#00846D#380282#840014#9BE510
- Bejewelled Tetradic Color Scheme#25A26F#3D34A5#A22452#9AA22B#5ACAA4
- Bergamot Tetradic Color Scheme#95C703#00CC99#3300CC#C40233#C8FD3D
- Beyond the Pines Tetradic Color Scheme#688049#43817A#644982#80474E#9EB37B
- Bimi Green Tetradic Color Scheme#54682B#29685F#3E3267#6A2E36#94B44C
- Bold Irish Tetradic Color Scheme#2A814D#283482#872657#81762B#50C87C
- Botanical Tetradic Color Scheme#4D6E2F#316C69#522A6F#6C322E#7EBA4D
Questions
What colors go with Extra Life?
In a tetradic scheme: Swagger (#19B6B5), Indiviolet Sunset (#6611AA), Carnelian (#B31B1B), Kiwi Pulp (#9CEF43).
What is the hex code of Extra Life?
#6AB417.