Mauvelous Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mauvelous (#D6B3C0), each snapped to its nearest named color.
#D6B3C0
#B1D4B7
#B2D1D6
#B48395
#E5F2E7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Mauvelous | #D6B3C0 | 214, 179, 192 | 338°, 30%, 77% | 0, 16, 10, 16 | 80.1% 0.044 354 | |
| Enchanted Meadow | #B1D4B7 | 177, 212, 183 | 130°, 29%, 76% | 17, 0, 14, 17 | 83.6% 0.055 150 | |
| Hatchling Blue | #B2D1D6 | 178, 209, 214 | 188°, 31%, 77% | 17, 2, 0, 16 | 84.0% 0.034 208 | |
| Nuisette | #B48395 | 180, 131, 149 | 338°, 25%, 61% | 0, 27, 17, 29 | 66.3% 0.065 355 | |
| Polar | #E5F2E7 | 229, 242, 231 | 129°, 33%, 92% | 5, 0, 5, 5 | 94.8% 0.020 150 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B48395 on #E5F2E7 | 2.75:1 | — |
| Aa #B2D1D6 on #B48395 | 1.96:1 | — |
| Aa #B1D4B7 on #B48395 | 1.96:1 | — |
| Aa #D6B3C0 on #B48395 | 1.67:1 | — |
| Aa #D6B3C0 on #E5F2E7 | 1.64:1 | — |
| Aa #B1D4B7 on #E5F2E7 | 1.40:1 | — |
CSS variables
:root {
--color-1: #d6b3c0; /* Mauvelous */
--color-2: #b1d4b7; /* Enchanted Meadow */
--color-3: #b2d1d6; /* Hatchling Blue */
--color-4: #b48395; /* Nuisette */
--color-5: #e5f2e7; /* Polar */
}Other schemes from Mauvelous
- Mauvelous Complementary Color Scheme#D6B3C0#F5F0F1#B4D6CB#81BCA8#EFF5F1
- Mauvelous Analogous Color Scheme#CAB4D4#D4B4D5#D6B3C0#D8B6B0#D8CAB2
- Mauvelous Triadic Color Scheme#D6B3C0#C1D6B1#B3C0D3#F5F0F1#93B881
- Mauvelous Tetradic Color Scheme#D6B3C0#D2D8B5#B4D6CB#B3B0D4#F5F0F1
- Mauvelous Monochromatic Color Scheme#9F556C#B48395#D6B3C0#EFE4E9#F5F0F1
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 Mauvelous?
In a split-complementary scheme: Enchanted Meadow (#B1D4B7), Hatchling Blue (#B2D1D6), Nuisette (#B48395), Polar (#E5F2E7).
What is the hex code of Mauvelous?
#D6B3C0.