Purple Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Purple (#800080), each snapped to its nearest named color.
#800080
#448800
#048243
#330033
#66CC00
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Purple | #800080 | 128, 0, 128 | 300°, 100%, 25% | 0, 100, 0, 50 | 42.1% 0.193 328 | |
| Mughal Green | #448800 | 68, 136, 0 | 90°, 100%, 27% | 50, 0, 100, 47 | 56.0% 0.164 135 | |
| Jungle Green | #048243 | 4, 130, 67 | 150°, 94%, 26% | 97, 0, 48, 49 | 53.2% 0.137 153 | |
| Exquisite Eggplant | #330033 | 51, 0, 51 | 300°, 100%, 10% | 0, 100, 0, 80 | 22.5% 0.104 328 | |
| Blinking Terminal | #66CC00 | 102, 204, 0 | 90°, 100%, 40% | 50, 0, 100, 20 | 75.3% 0.223 136 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #330033 on #66CC00 | 8.58:1 | AAA |
| Aa #800080 on #66CC00 | 4.58:1 | AA |
| Aa #448800 on #330033 | 4.01:1 | AA large |
| Aa #048243 on #330033 | 3.60:1 | AA large |
| Aa #048243 on #66CC00 | 2.38:1 | — |
| Aa #448800 on #66CC00 | 2.14:1 | — |
CSS variables
:root {
--color-1: #800080; /* Purple */
--color-2: #448800; /* Mughal Green */
--color-3: #048243; /* Jungle Green */
--color-4: #330033; /* Exquisite Eggplant */
--color-5: #66cc00; /* Blinking Terminal */
}Other schemes from Purple
- Purple Complementary Color Scheme#800080#CC00DD#008000#003300#00EE00
- Purple Analogous Color Scheme#000080#4B0082#800080#880044#800000
- Purple Triadic Color Scheme#800080#808101#008080#EE00EE#333300
- Purple Tetradic Color Scheme#800080#884400#008000#014182#EE00EE
- Purple Monochromatic Color Scheme#1F0B1E#330033#800080#CC00CC#FF11FF
More dark pink split-complementary color schemes
- 8 Bit Eggplant Split-complementary Color Scheme#990066#119900#009B7D#4C022F#33EE00
- Aristocratic Velvet Split-complementary Color Scheme#980B4A#009911#0D9494#550022#0ADD08
- Aztec Warrior Split-complementary Color Scheme#BB0066#11BB00#0ABAB5#730039#1BFC06
- Bane of Royalty Split-complementary Color Scheme#871466#328E13#1B8A6B#4C022F#46CB18
- Beet Red Split-complementary Color Scheme#7E203F#287C37#216879#441122#36B14E
- Berry Split-complementary Color Scheme#990F4B#009911#12939A#4C022F#13DA25
- Bindi Red Split-complementary Color Scheme#B0003C#00AA11#0093AF#650021#00FF26
- Bordeaux Split-complementary Color Scheme#7B002C#007711#00697C#330011#00CC11
- Botticelli Split-complementary Color Scheme#B70272#11BB00#00BBAA#770044#21FC0D
- Bruise Split-complementary Color Scheme#7E4071#4F7942#447A66#462343#75AD5B
- Castro Split-complementary Color Scheme#44232F#224634#283C44#130D0D#3D7049
- Cranberry Split-complementary Color Scheme#9E003A#009911#00889F#560319#00EE11
Questions
What colors go with Purple?
In a split-complementary scheme: Mughal Green (#448800), Jungle Green (#048243), Exquisite Eggplant (#330033), Blinking Terminal (#66CC00).
What is the hex code of Purple?
#800080.