Pastel Violet Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pastel Violet (#CB99C9), each snapped to its nearest named color.
#CB99C9
#B2CC9A
#98CDB5
#B768A2
#D7E4CC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pastel Violet | #CB99C9 | 203, 153, 201 | 302°, 32%, 70% | 0, 25, 1, 20 | |
| Greenhorn | #B2CC9A | 178, 204, 154 | 91°, 33%, 70% | 13, 0, 25, 20 | |
| Mint Ice Cream | #98CDB5 | 152, 205, 181 | 153°, 35%, 70% | 26, 0, 12, 20 | |
| Pearly Purple | #B768A2 | 183, 104, 162 | 316°, 35%, 56% | 0, 43, 11, 28 | |
| Infinitesimal Green | #D7E4CC | 215, 228, 204 | 93°, 31%, 85% | 6, 0, 11, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B768A2 on #D7E4CC | 2.88:1 | — |
| Aa #B2CC9A on #B768A2 | 2.18:1 | — |
| Aa #98CDB5 on #B768A2 | 2.13:1 | — |
| Aa #CB99C9 on #D7E4CC | 1.77:1 | — |
| Aa #CB99C9 on #B768A2 | 1.62:1 | — |
| Aa #98CDB5 on #D7E4CC | 1.35:1 | — |
CSS variables
:root {
--color-1: #cb99c9; /* Pastel Violet */
--color-2: #b2cc9a; /* Greenhorn */
--color-3: #98cdb5; /* Mint Ice Cream */
--color-4: #b768a2; /* Pearly Purple */
--color-5: #d7e4cc; /* Infinitesimal Green */
}Other schemes from Pastel Violet
- Pastel Violet Complementary Color Scheme#CB99C9#E7D8EA#9CCE9E#63B365#DDEEDD
- Pastel Violet Analogous Color Scheme#9999CC#B69FCC#CB99C9#C99BB0#CC9999
- Pastel Violet Triadic Color Scheme#CB99C9#CCCC99#98C6CB#EEDDEE#A9B062
- Pastel Violet Tetradic Color Scheme#CB99C9#CBB499#9CCE9E#9BAFD0#EEDDEE
- Pastel Violet Monochromatic Color Scheme#894585#B768A2#CB99C9#E7CEE3#F8EEF4
More Light Pink split-complementary palettes
- 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 Violet?
In a split-complementary scheme: Greenhorn (#B2CC9A), Mint Ice Cream (#98CDB5), Pearly Purple (#B768A2), Infinitesimal Green (#D7E4CC).
What is the hex code of Pastel Violet?
#CB99C9.