Pastel Lavender Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pastel Lavender (#D8A1C4), each snapped to its nearest named color.
#D8A1C4
#A0D9A3
#A2D5D3
#C071A8
#DAEED5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pastel Lavender | #D8A1C4 | 216, 161, 196 | 322°, 41%, 74% | 0, 25, 9, 15 | 77.1% 0.079 341 | |
| Green Trance | #A0D9A3 | 160, 217, 163 | 123°, 43%, 74% | 26, 0, 25, 15 | 83.2% 0.095 146 | |
| Smooth Satin | #A2D5D3 | 162, 213, 211 | 178°, 38%, 74% | 24, 0, 1, 16 | 83.7% 0.053 193 | |
| Crocus | #C071A8 | 192, 113, 168 | 318°, 39%, 60% | 0, 41, 13, 25 | 65.2% 0.121 339 | |
| Graceful Mint | #DAEED5 | 218, 238, 213 | 108°, 42%, 88% | 8, 0, 11, 7 | 92.8% 0.039 139 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C071A8 on #DAEED5 | 2.78:1 | — |
| Aa #A2D5D3 on #C071A8 | 2.11:1 | — |
| Aa #A0D9A3 on #C071A8 | 2.10:1 | — |
| Aa #D8A1C4 on #DAEED5 | 1.75:1 | — |
| Aa #D8A1C4 on #C071A8 | 1.59:1 | — |
| Aa #A0D9A3 on #DAEED5 | 1.33:1 | — |
CSS variables
:root {
--color-1: #d8a1c4; /* Pastel Lavender */
--color-2: #a0d9a3; /* Green Trance */
--color-3: #a2d5d3; /* Smooth Satin */
--color-4: #c071a8; /* Crocus */
--color-5: #daeed5; /* Graceful Mint */
}Other schemes from Pastel Lavender
- Pastel Lavender Complementary Color Scheme#D8A1C4#F6E2EC#A0D6B4#6FC288#EBF5F0
- Pastel Lavender Analogous Color Scheme#B4A6D5#D3A5D6#D8A1C4#D5A1A9#DAB2A4
- Pastel Lavender Triadic Color Scheme#D8A1C4#CCDDA1#A0C6D7#F4EAF0#A7C668
- Pastel Lavender Tetradic Color Scheme#D8A1C4#DED1A3#A0D6B4#A1A8D5#F4EAF0
- Pastel Lavender Monochromatic Color Scheme#9C4A7D#C071A8#D8A1C4#EFD7E7#F8EEF4
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 Pastel Lavender?
In a split-complementary scheme: Green Trance (#A0D9A3), Smooth Satin (#A2D5D3), Crocus (#C071A8), Graceful Mint (#DAEED5).
What is the hex code of Pastel Lavender?
#D8A1C4.