Diva Mecha Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Diva Mecha (#EE99EE), each snapped to its nearest named color.
#EE99EE
#CCEE99
#9BEEC1
#E05AEC
#EDFAD9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Diva Mecha | #EE99EE | 238, 153, 238 | 300°, 71%, 77% | 0, 36, 0, 7 | 79.6% 0.148 327 | |
| Laced Green | #CCEE99 | 204, 238, 153 | 84°, 71%, 77% | 14, 0, 36, 7 | 90.5% 0.115 126 | |
| Nightly Aurora | #9BEEC1 | 155, 238, 193 | 147°, 71%, 77% | 35, 0, 19, 7 | 88.4% 0.103 160 | |
| Clematis Magenta | #E05AEC | 224, 90, 236 | 295°, 79%, 64% | 5, 62, 0, 7 | 69.4% 0.236 324 | |
| Pastoral | #EDFAD9 | 237, 250, 217 | 84°, 77%, 92% | 5, 0, 13, 2 | 96.7% 0.045 125 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E05AEC on #EDFAD9 | 2.82:1 | — |
| Aa #CCEE99 on #E05AEC | 2.38:1 | — |
| Aa #9BEEC1 on #E05AEC | 2.25:1 | — |
| Aa #EE99EE on #EDFAD9 | 1.85:1 | — |
| Aa #EE99EE on #CCEE99 | 1.56:1 | — |
| Aa #EE99EE on #E05AEC | 1.52:1 | — |
CSS variables
:root {
--color-1: #ee99ee; /* Diva Mecha */
--color-2: #ccee99; /* Laced Green */
--color-3: #9beec1; /* Nightly Aurora */
--color-4: #e05aec; /* Clematis Magenta */
--color-5: #edfad9; /* Pastoral */
}Other schemes from Diva Mecha
- Diva Mecha Complementary Color Scheme#EE99EE#FCEBFA#90EE90#43E85F#E7FBEC
- Diva Mecha Analogous Color Scheme#8F99FB#CC99EE#EE99EE#EC9DC3#EE9999
- Diva Mecha Triadic Color Scheme#EE99EE#EEEE99#99EEEE#FCEBFA#E7E04E
- Diva Mecha Tetradic Color Scheme#EE99EE#EBC09B#90EE90#99C3F0#FCEBFA
- Diva Mecha Monochromatic Color Scheme#CC33CC#E05AEC#EE99EE#FFDBF7#FCEBFA
More light pink split-complementary color schemes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- Avant-Garde Pink Split-complementary Color Scheme#FF77EE#A9F971#7BFDC7#FF2FEB#DDFFCC
- Barbiecore Split-complementary Color Scheme#E15ACB#80E45F#56FCA2#C920B0#BBEE99
- Blush d’Amour Split-complementary Color Scheme#DE5D83#44DD66#5DC2DB#C92351#99EEAA
- Blushing Sky Split-complementary Color Scheme#D9B1D6#C1D6B1#B1DAC6#CD7DB5#EAF1E4
- Bubblegum Split-complementary Color Scheme#FF85FF#C4FE82#88FFCC#FF33FF#EEFFCC
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Kisses Split-complementary Color Scheme#F092D6#A3E493#9CE5D6#F246A7#DBF4D8
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Pink Split-complementary Color Scheme#FF63E9#9AF764#7BFDC7#FF1DCE#C8FFB0
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
Questions
What colors go with Diva Mecha?
In a split-complementary scheme: Laced Green (#CCEE99), Nightly Aurora (#9BEEC1), Clematis Magenta (#E05AEC), Pastoral (#EDFAD9).
What is the hex code of Diva Mecha?
#EE99EE.