Plum (CSS) Analogous Color Scheme

Five colors arranged by the analogous rule around Plum (CSS) (#DDA0DD), each snapped to its nearest named color.

#A6A1D7

#BFA3D9

#DDA0DD

#DFA3BA

#D8A2A5

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Simply Violet	`#A6A1D7`	166, 161, 215	246°, 40%, 74%	23, 25, 0, 16	73.2% 0.078 289
Enchanted Lavender	`#BFA3D9`	191, 163, 217	271°, 42%, 75%	12, 25, 0, 15	75.8% 0.082 308
Plum (CSS)	`#DDA0DD`	221, 160, 221	300°, 47%, 75%	0, 28, 0, 13	78.3% 0.108 327
Pink Gin	`#DFA3BA`	223, 163, 186	337°, 48%, 76%	0, 27, 17, 13	77.9% 0.077 354
Rosetti Pink	`#D8A2A5`	216, 162, 165	357°, 41%, 74%	0, 25, 24, 15	76.3% 0.064 15

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A6A1D7 on #DDA0DD	1.17:1	—
Aa #A6A1D7 on #DFA3BA	1.16:1	—
Aa #A6A1D7 on #D8A2A5	1.11:1	—
Aa #A6A1D7 on #BFA3D9	1.09:1	—
Aa #BFA3D9 on #DDA0DD	1.07:1	—
Aa #BFA3D9 on #DFA3BA	1.07:1	—

CSS variables

:root {
  --color-1: #a6a1d7; /* Simply Violet */
  --color-2: #bfa3d9; /* Enchanted Lavender */
  --color-3: #dda0dd; /* Plum (CSS) */
  --color-4: #dfa3ba; /* Pink Gin */
  --color-5: #d8a2a5; /* Rosetti Pink */
}

Other schemes from Plum (CSS)

More light pink analogous color schemes

Questions

What colors go with Plum (CSS)?

In a analogous scheme: Simply Violet (#A6A1D7), Enchanted Lavender (#BFA3D9), Pink Gin (#DFA3BA), Rosetti Pink (#D8A2A5).

What is the hex code of Plum (CSS)?

#DDA0DD.