Mauve Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mauve (#E0B0FF), each snapped to its nearest named color.
#E0B0FF
#FEFCAF
#B6FFBB
#C760FF
#FFFFE5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mauve | #E0B0FF | 224, 176, 255 | 276°, 100%, 85% | 12, 31, 0, 0 | |
| Parchment | #FEFCAF | 254, 252, 175 | 58°, 98%, 84% | 0, 1, 31, 0 | |
| Light Mint | #B6FFBB | 182, 255, 187 | 124°, 100%, 86% | 29, 0, 27, 0 | |
| Jacaranda Pink | #C760FF | 199, 96, 255 | 279°, 100%, 69% | 22, 62, 0, 0 | |
| La Luna | #FFFFE5 | 255, 255, 229 | 60°, 100%, 95% | 0, 0, 10, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C760FF on #FFFFE5 | 3.16:1 | AA large |
| Aa #FEFCAF on #C760FF | 3.02:1 | AA large |
| Aa #B6FFBB on #C760FF | 2.75:1 | — |
| Aa #E0B0FF on #C760FF | 1.81:1 | — |
| Aa #E0B0FF on #FFFFE5 | 1.75:1 | — |
| Aa #E0B0FF on #FEFCAF | 1.67:1 | — |
CSS variables
:root {
--color-1: #e0b0ff; /* Mauve */
--color-2: #fefcaf; /* Parchment */
--color-3: #b6ffbb; /* Light Mint */
--color-4: #c760ff; /* Jacaranda Pink */
--color-5: #ffffe5; /* La Luna */
}Other schemes from Mauve
- Mauve Complementary Color Scheme#E0B0FF#F8EBFC#C8FFB0#B1FF65#F1FDE9
- Mauve Analogous Color Scheme#B1D1FC#B5AFFF#E0B0FF#FFB2F0#FFB2D0
- Mauve Triadic Color Scheme#E0B0FF#FFE0AF#B8FFEB#F8EBFC#FFC265
- Mauve Tetradic Color Scheme#E0B0FF#FFB9B2#C8FFB0#B2FCFF#F8EBFC
- Mauve Monochromatic Color Scheme#AD0AFD#C760FF#E0B0FF#F8EBFC#F8EBFC
More Very Light Purple split-complementary palettes
- Beefy Pink Split-complementary Color Scheme#DEBEEF#E9EDBD#B8EBC5#BF8FE5#F8FBEB
- Digital Lavender Split-complementary Color Scheme#CAC0E1#E2DAC2#C5E1C3#9E91C3#F7F5ED
- Diva Split-complementary Color Scheme#C9A0FF#FFF4A1#AAFFAA#9955FF#FFFEE5
- Dust of the Moon Split-complementary Color Scheme#CFC9DF#DFD8C8#CFDDC7#A598C4#F6F4EF
- Foggy Love Split-complementary Color Scheme#D5C7E8#EBE6C7#CBE9C9#AA8ED6#F9F7EC
- Girl Crush Split-complementary Color Scheme#D1C0DC#DADCC1#C0DBC6#A893C1#F6F6F0
- Greek Goddess Split-complementary Color Scheme#EDE9EF#F0F1E7#E7F2E9#CCB8D2#F4F4F0
- Holographic Lavender Split-complementary Color Scheme#F0E5F5#F0F4E5#E6F3E7#D6B7E2#F6F7ED
- Homoeopathic Lavender Split-complementary Color Scheme#E5E0EC#EDEBE1#E3EDE0#BDB0D0#F6F4EF
- Iron Maiden Split-complementary Color Scheme#D6D1DC#E3E1CC#CCE2CA#A99EC1#F6F4EF
- Lavender Bliss Split-complementary Color Scheme#CEC3DD#DEDBC4#C5DCC6#A893C1#F6F4EF
- Lilac Split-complementary Color Scheme#CEA2FD#FCFFA4#AAFFAA#AA55FF#FEFEE7
Questions
What colors go with Mauve?
In a split-complementary scheme: Parchment (#FEFCAF), Light Mint (#B6FFBB), Jacaranda Pink (#C760FF), La Luna (#FFFFE5).
What is the hex code of Mauve?
#E0B0FF.