Plum (CSS) Complementary Color Scheme
Five colors arranged by the complementary rule around Plum (CSS) (#DDA0DD), each snapped to its nearest named color.
#DDA0DD
#F6E5F6
#A0D9A3
#62C46C
#EBF8EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Plum (CSS) | #DDA0DD | 221, 160, 221 | 300°, 47%, 75% | 0, 28, 0, 13 | 78.3% 0.108 327 | |
| Soft Lavender | #F6E5F6 | 246, 229, 246 | 300°, 49%, 93% | 0, 7, 0, 4 | 94.0% 0.029 326 | |
| Green Trance | #A0D9A3 | 160, 217, 163 | 123°, 43%, 74% | 26, 0, 25, 15 | 83.2% 0.095 146 | |
| Verdant Oasis | #62C46C | 98, 196, 108 | 126°, 45%, 58% | 50, 0, 45, 23 | 74.0% 0.155 146 | |
| Soft Petals | #EBF8EF | 235, 248, 239 | 138°, 48%, 95% | 5, 0, 4, 3 | 96.7% 0.018 156 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #62C46C on #EBF8EF | 1.99:1 | — |
| Aa #DDA0DD on #EBF8EF | 1.89:1 | — |
| Aa #F6E5F6 on #62C46C | 1.81:1 | — |
| Aa #DDA0DD on #F6E5F6 | 1.72:1 | — |
| Aa #A0D9A3 on #EBF8EF | 1.48:1 | — |
| Aa #F6E5F6 on #A0D9A3 | 1.35:1 | — |
CSS variables
:root {
--color-1: #dda0dd; /* Plum (CSS) */
--color-2: #f6e5f6; /* Soft Lavender */
--color-3: #a0d9a3; /* Green Trance */
--color-4: #62c46c; /* Verdant Oasis */
--color-5: #ebf8ef; /* Soft Petals */
}Other schemes from Plum (CSS)
- Plum (CSS) Analogous Color Scheme#A6A1D7#BFA3D9#DDA0DD#DFA3BA#D8A2A5
- Plum (CSS) Triadic Color Scheme#DDA0DD#DADBA0#A5DDDB#FCEBFA#CAC76D
- Plum (CSS) Split-complementary Color Scheme#DDA0DD#B8DCA7#AAD9BB#C364C5#E5F0D9
- Plum (CSS) Tetradic Color Scheme#DDA0DD#DDBCA0#A0D9A3#A0BEDA#FCEBFA
- Plum (CSS) Monochromatic Color Scheme#B13AAD#C364C5#DDA0DD#F4DAF1#FCEBFA
More light pink complementary color schemes
- 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
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
Questions
What colors go with Plum (CSS)?
In a complementary scheme: Soft Lavender (#F6E5F6), Green Trance (#A0D9A3), Verdant Oasis (#62C46C), Soft Petals (#EBF8EF).
What is the hex code of Plum (CSS)?
#DDA0DD.