Trippy Velvet Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Trippy Velvet (#CC00EE), each snapped to its nearest named color.
#CC00EE
#8EFA00
#11EE55
#8601AF
#AAFF32
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Trippy Velvet | #CC00EE | 204, 0, 238 | 291°, 100%, 47% | 14, 100, 0, 7 | 61.5% 0.295 320 | |
| Mochito | #8EFA00 | 142, 250, 0 | 86°, 100%, 49% | 43, 0, 100, 2 | 88.5% 0.253 134 | |
| Mike Wazowski Green | #11EE55 | 17, 238, 85 | 138°, 87%, 50% | 93, 0, 64, 7 | 82.7% 0.248 146 | |
| Shade of Violet | #8601AF | 134, 1, 175 | 286°, 99%, 35% | 23, 99, 0, 31 | 46.6% 0.229 314 | |
| Lime | #AAFF32 | 170, 255, 50 | 85°, 100%, 60% | 33, 0, 80, 0 | 91.2% 0.234 131 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8601AF on #AAFF32 | 6.47:1 | AA |
| Aa #8EFA00 on #8601AF | 6.00:1 | AA |
| Aa #11EE55 on #8601AF | 5.08:1 | AA |
| Aa #CC00EE on #AAFF32 | 3.55:1 | AA large |
| Aa #CC00EE on #8EFA00 | 3.30:1 | AA large |
| Aa #CC00EE on #11EE55 | 2.79:1 | — |
CSS variables
:root {
--color-1: #cc00ee; /* Trippy Velvet */
--color-2: #8efa00; /* Mochito */
--color-3: #11ee55; /* Mike Wazowski Green */
--color-4: #8601af; /* Shade of Violet */
--color-5: #aaff32; /* Lime */
}Other schemes from Trippy Velvet
- Trippy Velvet Complementary Color Scheme#CC00EE#EE55FF#33EE00#19A700#66FF55
- Trippy Velvet Analogous Color Scheme#0022EE#5500EE#CC00EE#EE0099#EE0022
- Trippy Velvet Triadic Color Scheme#CC00EE#EECC00#00E6D3#EE55FF#A38E00
- Trippy Velvet Tetradic Color Scheme#CC00EE#EE5500#33EE00#0099EE#EE55FF
- Trippy Velvet Monochromatic Color Scheme#410056#8601AF#CC00EE#FF33FF#EE88FF
More medium pink split-complementary color schemes
- Akari Red Split-complementary Color Scheme#C90B42#00CC33#14A3C7#800030#2DFE54
- Amor Split-complementary Color Scheme#EE3377#2DFE54#22DDEE#C30B4E#7BE892
- Amora Purple Split-complementary Color Scheme#BB22AA#55BB33#2BB179#751973#88DD55
- Anger Split-complementary Color Scheme#DD0055#0ADD08#00C5CD#8F003A#2DFE54
- Aphroditean Fuchsia Split-complementary Color Scheme#DD14AB#54D905#11DDAA#991177#70F15E
- Awkward Purple Split-complementary Color Scheme#D208CC#66CC00#06D078#880085#87FF2A
- Barbara Split-complementary Color Scheme#FF0FF3#7FFF00#00FA92#CC11BB#AAFF55
- Bat’s Blood Soup Split-complementary Color Scheme#EE3366#2DFE54#37C4FA#C01141#7BE892
- Beet Wave Split-complementary Color Scheme#D4265D#31D652#2DB0CE#871646#64EB65
- Beetroot Purple Split-complementary Color Scheme#D33376#31D652#22C1D5#972B51#64EB65
- Benevolent Pink Split-complementary Color Scheme#DD1188#22DD00#00DDCC#9D0759#4EFD54
- Bermuda Onion Split-complementary Color Scheme#9D5A8F#6A9D5D#599C89#673B66#99BB88
Questions
What colors go with Trippy Velvet?
In a split-complementary scheme: Mochito (#8EFA00), Mike Wazowski Green (#11EE55), Shade of Violet (#8601AF), Lime (#AAFF32).
What is the hex code of Trippy Velvet?
#CC00EE.