Classy Mauve Complementary Color Scheme
Five colors arranged by the complementary rule around Classy Mauve (#BB99AA), each snapped to its nearest named color.
#BB99AA
#E4CFD7
#8EBBAC
#64A281
#D3E7DC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Classy Mauve | #BB99AA | 187, 153, 170 | 330°, 20%, 67% | 0, 18, 9, 27 | |
| Ephemeral Red | #E4CFD7 | 228, 207, 215 | 337°, 28%, 85% | 0, 9, 6, 11 | |
| Mild Evergreen | #8EBBAC | 142, 187, 172 | 160°, 25%, 65% | 24, 0, 8, 27 | |
| Plumosa | #64A281 | 100, 162, 129 | 148°, 25%, 51% | 38, 0, 20, 36 | |
| Light Light Lichen | #D3E7DC | 211, 231, 220 | 147°, 29%, 87% | 9, 0, 5, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #64A281 on #D3E7DC | 2.31:1 | — |
| Aa #E4CFD7 on #64A281 | 2.02:1 | — |
| Aa #BB99AA on #D3E7DC | 1.97:1 | — |
| Aa #BB99AA on #E4CFD7 | 1.72:1 | — |
| Aa #8EBBAC on #D3E7DC | 1.65:1 | — |
| Aa #E4CFD7 on #8EBBAC | 1.44:1 | — |
CSS variables
:root {
--color-1: #bb99aa; /* Classy Mauve */
--color-2: #e4cfd7; /* Ephemeral Red */
--color-3: #8ebbac; /* Mild Evergreen */
--color-4: #64a281; /* Plumosa */
--color-5: #d3e7dc; /* Light Light Lichen */
}Other schemes from Classy Mauve
- Classy Mauve Analogous Color Scheme#AF92BD#BB99BB#BB99AA#BD9095#BEA998
- Classy Mauve Triadic Color Scheme#BB99AA#ACBF93#91ABBE#E8D5DD#85A16A
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
- Classy Mauve Tetradic Color Scheme#BB99AA#BEBD99#8EBBAC#9791BC#E8D5DD
- Classy Mauve Monochromatic Color Scheme#6F4B5C#9D6984#BB99AA#D7C7D0#F5F0F1
More Light Pink complementary palettes
- Always Rosey Complementary Color Scheme#E79DB3#FBE5EA#9CE5D6#68DFBB#E9F9F5
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Barbiecore Complementary Color Scheme#E15ACB#F2ABE1#4CFF7B#31D652#B8F8B8
- Blush d’Amour Complementary Color Scheme#DE5D83#EFA7BF#5FD1BA#33CC99#B6ECDE
- Blushing Sky Complementary Color Scheme#D9B1D6#F8EEF4#B1D4B7#7EC083#EBF8EF
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Beam Complementary Color Scheme#F887C7#FFDDEE#80F9AD#2AF589#E6FDF1
- Bubblegum Kisses Complementary Color Scheme#F092D6#FFE3F4#99EEAA#4CFF7B#EBFCEC
- Candy Floss Complementary Color Scheme#E8A7E2#FCEBFA#AAEEAA#77DD77#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Death of a Star Complementary Color Scheme#E760D2#EDABE6#64EB65#3BDE39#B8EBC5
Questions
What colors go with Classy Mauve?
In a complementary scheme: Ephemeral Red (#E4CFD7), Mild Evergreen (#8EBBAC), Plumosa (#64A281), Light Light Lichen (#D3E7DC).
What is the hex code of Classy Mauve?
#BB99AA.