Plum (CSS) Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Plum (CSS) (#DDA0DD), each snapped to its nearest named color.
#B13AAD
#C364C5
#DDA0DD
#F4DAF1
#FCEBFA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Vivid Fuchsia | #B13AAD | 177, 58, 173 | 302°, 51%, 46% | 0, 67, 2, 31 | 56.2% 0.201 329 | |
| Purple Urn Orchid | #C364C5 | 195, 100, 197 | 299°, 46%, 58% | 1, 49, 0, 23 | 64.9% 0.171 327 | |
| Plum (CSS) | #DDA0DD | 221, 160, 221 | 300°, 47%, 75% | 0, 28, 0, 13 | 78.3% 0.108 327 | |
| Grape Taffy | #F4DAF1 | 244, 218, 241 | 307°, 54%, 91% | 0, 11, 1, 4 | 91.6% 0.042 330 | |
| Placebo Pink | #FCEBFA | 252, 235, 250 | 307°, 74%, 95% | 0, 7, 1, 1 | 95.8% 0.027 329 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B13AAD on #FCEBFA | 4.51:1 | AA |
| Aa #B13AAD on #F4DAF1 | 3.96:1 | AA large |
| Aa #C364C5 on #FCEBFA | 3.09:1 | AA large |
| Aa #C364C5 on #F4DAF1 | 2.71:1 | — |
| Aa #B13AAD on #DDA0DD | 2.49:1 | — |
| Aa #DDA0DD on #FCEBFA | 1.81:1 | — |
CSS variables
:root {
--color-1: #b13aad; /* Vivid Fuchsia */
--color-2: #c364c5; /* Purple Urn Orchid */
--color-3: #dda0dd; /* Plum (CSS) */
--color-4: #f4daf1; /* Grape Taffy */
--color-5: #fcebfa; /* Placebo Pink */
}Other schemes from Plum (CSS)
- Plum (CSS) Complementary Color Scheme#DDA0DD#F6E5F6#A0D9A3#62C46C#EBF8EF
- 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
More light pink monochromatic color schemes
- Always Rosey Monochromatic Color Scheme#B62758#DC6080#E79DB3#F5DAE3#F8EAED
- Atomic Pink Monochromatic Color Scheme#CC00DD#FF33FF#FB7EFD#FFCCFF#FFEBFE
- Avant-Garde Pink Monochromatic Color Scheme#DD00CC#FF2FEB#FF77EE#FCCCF5#FFEBFE
- Barbiecore Monochromatic Color Scheme#871F78#C920B0#E15ACB#EB94DA#F4DAF1
- Blush d’Amour Monochromatic Color Scheme#8C1B3C#C92351#DE5D83#EA9FB4#F9DCE3
- Blushing Sky Monochromatic Color Scheme#A24D8F#CD7DB5#D9B1D6#EFE2F2#F8EEF4
- Bubblegum Monochromatic Color Scheme#EE00EE#FF33FF#FF85FF#FED0FC#FFEBFE
- Bubblegum Beam Monochromatic Color Scheme#DD1188#E936A7#F887C7#F8D0E8#FFE8F4
- Bubblegum Kisses Monochromatic Color Scheme#CC1A97#F246A7#F092D6#F9D7EE#FEE8F5
- Candy Floss Monochromatic Color Scheme#C034AF#DA70D6#E8A7E2#F6E5F6#FCEBFA
- Candy Pink Monochromatic Color Scheme#CC11BB#FF1DCE#FF63E9#FFB2F0#FEE8F5
- Classy Mauve Monochromatic Color Scheme#6F4B5C#9D6984#BB99AA#D7C7D0#F5F0F1
Questions
What colors go with Plum (CSS)?
In a monochromatic scheme: Vivid Fuchsia (#B13AAD), Purple Urn Orchid (#C364C5), Grape Taffy (#F4DAF1), Placebo Pink (#FCEBFA).
What is the hex code of Plum (CSS)?
#DDA0DD.