Purple Climax Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Purple Climax (#8800FF), each snapped to its nearest named color.
#8800FF
#F4FF00
#01FF07
#5500BB
#FAFE4B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Purple Climax | #8800FF | 136, 0, 255 | 272°, 100%, 50% | 47, 100, 0, 0 | |
| Busy Bee | #F4FF00 | 244, 255, 0 | 63°, 100%, 50% | 4, 0, 100, 0 | |
| EGA Green | #01FF07 | 1, 255, 7 | 121°, 100%, 50% | 100, 0, 97, 0 | |
| Elegant Midnight | #5500BB | 85, 0, 187 | 267°, 100%, 37% | 55, 100, 0, 27 | |
| Banana Mash | #FAFE4B | 250, 254, 75 | 61°, 99%, 65% | 2, 0, 70, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5500BB on #FAFE4B | 9.19:1 | AAA |
| Aa #F4FF00 on #5500BB | 9.10:1 | AAA |
| Aa #01FF07 on #5500BB | 7.28:1 | AAA |
| Aa #8800FF on #FAFE4B | 5.54:1 | AA |
| Aa #8800FF on #F4FF00 | 5.49:1 | AA |
| Aa #8800FF on #01FF07 | 4.39:1 | AA large |
CSS variables
:root {
--color-1: #8800ff; /* Purple Climax */
--color-2: #f4ff00; /* Busy Bee */
--color-3: #01ff07; /* EGA Green */
--color-4: #5500bb; /* Elegant Midnight */
--color-5: #fafe4b; /* Banana Mash */
}Other schemes from Purple Climax
- Purple Climax Complementary Color Scheme#8800FF#AA55FF#7CFC00#5CB200#B1FF65
- Purple Climax Analogous Color Scheme#0077FF#0000FF#8800FF#FF00FF#FF0077
- Purple Climax Triadic Color Scheme#8800FF#FF8800#00FA92#AA66FF#B25F03
- Purple Climax Tetradic Color Scheme#8800FF#FF0800#7CFC00#00FBFF#AA66FF
- Purple Climax Monochromatic Color Scheme#330066#5500BB#8800FF#AA55FF#CC99FF
More Medium Purple split-complementary palettes
- Berry Jam Split-complementary Color Scheme#655883#847E54#598556#473854#B1A57B
- Busty Blue Split-complementary Color Scheme#3300CC#CC9900#33CC00#220088#FEC615
- Cosmic Heart Split-complementary Color Scheme#9601F4#CCEE00#0AFA1E#6611AA#FAFE4B
- Crown Jewels Split-complementary Color Scheme#946DAD#A2AF70#69B076#704783#C5CC9F
- Dreamscape Purple Split-complementary Color Scheme#9632CE#ACCB35#31D652#652793#C7DC68
- Electric Indigo Split-complementary Color Scheme#6600FF#FFE500#1BFC06#5500BB#FBEB50
- Flirtatious Flamingo Split-complementary Color Scheme#CC22FF#C9FF27#2DFE54#AA00CC#D4FB79
- Fuchsia Pheromone Split-complementary Color Scheme#9F4CB7#94B44C#52B963#733380#B8CC82
- Grapes of Italy Split-complementary Color Scheme#714A8B#898C4A#4D8C57#4A2D57#ADB274
- Hokkaido Lavender Split-complementary Color Scheme#7736D9#D9C737#58D332#5500AA#E6DA78
- Lavish Spending Split-complementary Color Scheme#8469BC#BBAB6D#7CBC6C#514B98#D9CA9F
- Lilac Spring Split-complementary Color Scheme#8822CC#BBCC22#31CD31#5A1991#D9E650
Questions
What colors go with Purple Climax?
In a split-complementary scheme: Busy Bee (#F4FF00), EGA Green (#01FF07), Elegant Midnight (#5500BB), Banana Mash (#FAFE4B).
What is the hex code of Purple Climax?
#8800FF.