Extra Life Triadic Color Scheme
Five colors arranged by the triadic rule around Extra Life (#6AB417), each snapped to its nearest named color.
#6AB417
#186DB6
#BB1166
#9CEF43
#0E426F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Extra Life | #6AB417 | 106, 180, 23 | 88°, 77%, 40% | 41, 0, 87, 29 | |
| Beautiful Blue | #186DB6 | 24, 109, 182 | 208°, 77%, 40% | 87, 40, 0, 29 | |
| Spiced Purple | #BB1166 | 187, 17, 102 | 330°, 83%, 40% | 0, 91, 45, 27 | |
| Kiwi Pulp | #9CEF43 | 156, 239, 67 | 89°, 84%, 60% | 35, 0, 72, 6 | |
| Epic Adventure | #0E426F | 14, 66, 111 | 208°, 78%, 25% | 87, 41, 0, 56 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9CEF43 on #0E426F | 7.32:1 | AAA |
| Aa #BB1166 on #9CEF43 | 4.38:1 | AA large |
| Aa #6AB417 on #0E426F | 4.02:1 | AA large |
| Aa #186DB6 on #9CEF43 | 3.80:1 | AA large |
| Aa #6AB417 on #BB1166 | 2.41:1 | — |
| Aa #6AB417 on #186DB6 | 2.09:1 | — |
CSS variables
:root {
--color-1: #6ab417; /* Extra Life */
--color-2: #186db6; /* Beautiful Blue */
--color-3: #bb1166; /* Spiced Purple */
--color-4: #9cef43; /* Kiwi Pulp */
--color-5: #0e426f; /* Epic Adventure */
}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 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 triadic palettes
- Always Greener Grass Triadic Color Scheme#11AA00#0011AA#AA0011#33FF11#00035B
- Amazon Triadic Color Scheme#387B54#53357D#795435#61BA85#332244
- Asian Spice Triadic Color Scheme#118822#221188#882211#16F12D#0F084B
- Asparagus Sultan Triadic Color Scheme#6A8E22#256D8D#992266#ACD243#133A54
- Autumn Crocodile Triadic Color Scheme#447744#444172#794344#78AD6D#282A4A
- Avocado Triadic Color Scheme#568203#015482#8C055E#9BE510#02273A
- Bejewelled Triadic Color Scheme#25A26F#7722AA#AA6D28#5ACAA4#441166
- Bergamot Triadic Color Scheme#95C703#0094C8#CC0088#C8FD3D#035E7B
- Beyond the Pines Triadic Color Scheme#688049#466B82#804665#9EB37B#2D454A
- Bimi Green Triadic Color Scheme#54682B#295468#692B57#94B44C#1B2632
- Bold Irish Triadic Color Scheme#2A814D#4C2882#804E2C#50C87C#32174D
- Botanical Triadic Color Scheme#4D6E2F#2A4B6E#6E314F#7EBA4D#172B36
Questions
What colors go with Extra Life?
In a triadic scheme: Beautiful Blue (#186DB6), Spiced Purple (#BB1166), Kiwi Pulp (#9CEF43), Epic Adventure (#0E426F).
What is the hex code of Extra Life?
#6AB417.