Plum (CSS) Tetradic Color Scheme
Five colors arranged by the tetradic rule around Plum (CSS) (#DDA0DD), each snapped to its nearest named color.
#DDA0DD
#DDBCA0
#A0D9A3
#A0BEDA
#FCEBFA
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 | |
| Apple Blossom | #DDBCA0 | 221, 188, 160 | 28°, 47%, 75% | 0, 15, 28, 13 | 81.7% 0.054 62 | |
| Green Trance | #A0D9A3 | 160, 217, 163 | 123°, 43%, 74% | 26, 0, 25, 15 | 83.2% 0.095 146 | |
| Ice Cave | #A0BEDA | 160, 190, 218 | 209°, 44%, 74% | 27, 13, 0, 15 | 78.9% 0.052 247 | |
| 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 #DDA0DD on #FCEBFA | 1.81:1 | — |
| Aa #A0BEDA on #FCEBFA | 1.69:1 | — |
| Aa #DDBCA0 on #FCEBFA | 1.56:1 | — |
| Aa #A0D9A3 on #FCEBFA | 1.42:1 | — |
| Aa #DDA0DD on #A0D9A3 | 1.28:1 | — |
| Aa #A0D9A3 on #A0BEDA | 1.19:1 | — |
CSS variables
:root {
--color-1: #dda0dd; /* Plum (CSS) */
--color-2: #ddbca0; /* Apple Blossom */
--color-3: #a0d9a3; /* Green Trance */
--color-4: #a0beda; /* Ice Cave */
--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) Monochromatic Color Scheme#B13AAD#C364C5#DDA0DD#F4DAF1#FCEBFA
More light pink tetradic color schemes
- Always Rosey Tetradic Color Scheme#E79DB3#D5E69D#9CE5D6#A899E6#F8EAED
- Atomic Pink Tetradic Color Scheme#FB7EFD#FFBB7C#8CFD7E#73C2FB#FFE0F5
- Avant-Garde Pink Tetradic Color Scheme#FF77EE#FFCC77#7BE892#77AAFF#FFDDFF
- Barbiecore Tetradic Color Scheme#E15ACB#E3B258#4CFF7B#5B92E5#EDABE6
- Blush d’Amour Tetradic Color Scheme#DE5D83#D0D557#5FD1BA#6D5ACF#EDB2C4
- Blushing Sky Tetradic Color Scheme#D9B1D6#DACAB1#B1D4B7#B3C4D8#F8EEF4
- Bubblegum Tetradic Color Scheme#FF85FF#FFC283#94FF94#82CAFC#FFEBFE
- Bubblegum Beam Tetradic Color Scheme#F887C7#FFEE88#80F9AD#8B88F8#FFE8F4
- Bubblegum Kisses Tetradic Color Scheme#F092D6#EDDA8F#99EEAA#9BA0EF#FEE8F5
- Candy Floss Tetradic Color Scheme#E8A7E2#E7D0A6#AAEEAA#A7C2EB#FCEBFA
- Candy Pink Tetradic Color Scheme#FF63E9#FFC863#73FA79#6495ED#FCCCF5
- Classy Mauve Tetradic Color Scheme#BB99AA#BEBD99#8EBBAC#9791BC#E8D5DD
Questions
What colors go with Plum (CSS)?
In a tetradic scheme: Apple Blossom (#DDBCA0), Green Trance (#A0D9A3), Ice Cave (#A0BEDA), Placebo Pink (#FCEBFA).
What is the hex code of Plum (CSS)?
#DDA0DD.