Plum (CSS) Triadic Color Scheme
Five colors arranged by the triadic rule around Plum (CSS) (#DDA0DD), each snapped to its nearest named color.
#DDA0DD
#DADBA0
#A5DDDB
#FCEBFA
#CAC76D
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 | |
| Burgundy Grey | #DADBA0 | 218, 219, 160 | 61°, 45%, 74% | 0, 0, 27, 14 | 87.6% 0.077 109 | |
| Aqua Spray | #A5DDDB | 165, 221, 219 | 178°, 45%, 76% | 25, 0, 1, 13 | 85.9% 0.057 193 | |
| Placebo Pink | #FCEBFA | 252, 235, 250 | 307°, 74%, 95% | 0, 7, 1, 1 | 95.8% 0.027 329 | |
| Mung Bean | #CAC76D | 202, 199, 109 | 58°, 47%, 61% | 0, 1, 46, 21 | 81.3% 0.113 107 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DDA0DD on #FCEBFA | 1.81:1 | — |
| Aa #FCEBFA on #CAC76D | 1.55:1 | — |
| Aa #DDA0DD on #DADBA0 | 1.44:1 | — |
| Aa #DDA0DD on #A5DDDB | 1.38:1 | — |
| Aa #A5DDDB on #FCEBFA | 1.32:1 | — |
| Aa #DADBA0 on #FCEBFA | 1.26:1 | — |
CSS variables
:root {
--color-1: #dda0dd; /* Plum (CSS) */
--color-2: #dadba0; /* Burgundy Grey */
--color-3: #a5dddb; /* Aqua Spray */
--color-4: #fcebfa; /* Placebo Pink */
--color-5: #cac76d; /* Mung Bean */
}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) 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 triadic color schemes
- Always Rosey Triadic Color Scheme#E79DB3#BBEE99#9BB8E2#F8EAED#8DCE65
- Atomic Pink Triadic Color Scheme#FB7EFD#FEFC7E#7DF9FF#FFE0F5#FAFA37
- Avant-Garde Pink Triadic Color Scheme#FF77EE#F8FF73#6DEDFD#FFDDFF#E8FF2A
- Barbiecore Triadic Color Scheme#E15ACB#D9E650#4EC0ED#EDABE6#ACC729
- Blush d’Amour Triadic Color Scheme#DE5D83#88DD55#5588DD#EDB2C4#58D332
- Blushing Sky Triadic Color Scheme#D9B1D6#D9D9B1#AFD5D8#F8EEF4#BDC07E
- Bubblegum Triadic Color Scheme#FF85FF#FFFF84#88FFFF#FFEBFE#FDFF38
- Bubblegum Beam Triadic Color Scheme#F887C7#C0FA8B#82CAFC#FFE8F4#A7F432
- Bubblegum Kisses Triadic Color Scheme#F092D6#D8F19C#92D2ED#FEE8F5#B2EC5D
- Candy Floss Triadic Color Scheme#E8A7E2#E4E8A7#A3E3ED#FCEBFA#C6D86B
- Candy Pink Triadic Color Scheme#FF63E9#F1FF62#6DEDFD#FCCCF5#DFFF11
- Classy Mauve Triadic Color Scheme#BB99AA#ACBF93#91ABBE#E8D5DD#85A16A
Questions
What colors go with Plum (CSS)?
In a triadic scheme: Burgundy Grey (#DADBA0), Aqua Spray (#A5DDDB), Placebo Pink (#FCEBFA), Mung Bean (#CAC76D).
What is the hex code of Plum (CSS)?
#DDA0DD.