Classy Mauve Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Classy Mauve (#BB99AA), each snapped to its nearest named color.
#BB99AA
#99BD91
#90BDBD
#A06582
#C5DCC6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Classy Mauve | #BB99AA | 187, 153, 170 | 330°, 20%, 67% | 0, 18, 9, 27 | |
| Milly Green | #99BD91 | 153, 189, 145 | 109°, 25%, 65% | 19, 0, 23, 26 | |
| Blithe Blue | #90BDBD | 144, 189, 189 | 180°, 25%, 65% | 24, 0, 0, 26 | |
| Love Poem | #A06582 | 160, 101, 130 | 331°, 24%, 51% | 0, 37, 19, 37 | |
| Mint Intermezzo | #C5DCC6 | 197, 220, 198 | 123°, 25%, 82% | 10, 0, 10, 14 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A06582 on #C5DCC6 | 3.08:1 | AA large |
| Aa #90BDBD on #A06582 | 2.18:1 | — |
| Aa #99BD91 on #A06582 | 2.15:1 | — |
| Aa #BB99AA on #A06582 | 1.76:1 | — |
| Aa #BB99AA on #C5DCC6 | 1.75:1 | — |
| Aa #99BD91 on #C5DCC6 | 1.44:1 | — |
CSS variables
:root {
--color-1: #bb99aa; /* Classy Mauve */
--color-2: #99bd91; /* Milly Green */
--color-3: #90bdbd; /* Blithe Blue */
--color-4: #a06582; /* Love Poem */
--color-5: #c5dcc6; /* Mint Intermezzo */
}Other schemes from Classy Mauve
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
- Classy Mauve Analogous Color Scheme#AF92BD#BB99BB#BB99AA#BD9095#BEA998
- Classy Mauve Triadic Color Scheme#BB99AA#ACBF93#91ABBE#E8D5DD#85A16A
- Classy Mauve Tetradic Color Scheme#BB99AA#BEBD99#8EBBAC#9791BC#E8D5DD
- Classy Mauve Monochromatic Color Scheme#6F4B5C#9D6984#BB99AA#D7C7D0#F5F0F1
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
- Death of a Star Split-complementary Color Scheme#E760D2#9AF764#66EEBB#D521B8#BCF5A6
Questions
What colors go with Classy Mauve?
In a split-complementary scheme: Milly Green (#99BD91), Blithe Blue (#90BDBD), Love Poem (#A06582), Mint Intermezzo (#C5DCC6).
What is the hex code of Classy Mauve?
#BB99AA.