Extra Life Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Extra Life (#6AB417), each snapped to its nearest named color.
#6AB417
#0018A8
#AC1DB8
#4D6D08
#273BE2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Extra Life | #6AB417 | 106, 180, 23 | 88°, 77%, 40% | 41, 0, 87, 29 | |
| Dark Galaxy | #0018A8 | 0, 24, 168 | 231°, 100%, 33% | 100, 86, 0, 34 | |
| Barney | #AC1DB8 | 172, 29, 184 | 295°, 73%, 42% | 7, 84, 0, 28 | |
| Over the Hills | #4D6D08 | 77, 109, 8 | 79°, 86%, 23% | 29, 0, 93, 57 | |
| Palatinate Blue | #273BE2 | 39, 59, 226 | 234°, 76%, 52% | 83, 74, 0, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6AB417 on #0018A8 | 4.81:1 | AA |
| Aa #6AB417 on #273BE2 | 2.90:1 | — |
| Aa #6AB417 on #4D6D08 | 2.33:1 | — |
| Aa #6AB417 on #AC1DB8 | 2.25:1 | — |
| Aa #0018A8 on #AC1DB8 | 2.14:1 | — |
| Aa #0018A8 on #4D6D08 | 2.07:1 | — |
CSS variables
:root {
--color-1: #6ab417; /* Extra Life */
--color-2: #0018a8; /* Dark Galaxy */
--color-3: #ac1db8; /* Barney */
--color-4: #4d6d08; /* Over the Hills */
--color-5: #273be2; /* Palatinate Blue */
}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 Tetradic Color Scheme#6AB417#19B6B5#6611AA#B31B1B#9CEF43
- Extra Life Monochromatic Color Scheme#172808#4D6D08#6AB417#8EE53F#BEEB71
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 Extra Life?
In a split-complementary scheme: Dark Galaxy (#0018A8), Barney (#AC1DB8), Over the Hills (#4D6D08), Palatinate Blue (#273BE2).
What is the hex code of Extra Life?
#6AB417.