Orchid (CSS) Analogous Color Scheme

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

#6F6ED1

#A669DB

#DA70D6

#DE70A1

#D87273

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
C64 Purple	`#6F6ED1`	111, 110, 209	241°, 52%, 63%	47, 47, 0, 18	58.7% 0.148 281
Violet Voltage	`#A669DB`	166, 105, 219	272°, 61%, 64%	24, 52, 0, 14	63.5% 0.173 307
Orchid (CSS)	`#DA70D6`	218, 112, 214	302°, 59%, 65%	0, 49, 2, 15	70.2% 0.181 329
Chinese Pink	`#DE70A1`	222, 112, 161	333°, 63%, 65%	0, 50, 27, 13	68.6% 0.147 354
Lantana	`#D87273`	216, 114, 115	359°, 57%, 65%	0, 47, 47, 15	66.9% 0.128 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #6F6ED1 on #DA70D6	1.51:1	—
Aa #6F6ED1 on #DE70A1	1.44:1	—
Aa #6F6ED1 on #D87273	1.36:1	—
Aa #A669DB on #DA70D6	1.28:1	—
Aa #A669DB on #DE70A1	1.22:1	—
Aa #6F6ED1 on #A669DB	1.17:1	—

CSS variables

:root {
  --color-1: #6f6ed1; /* C64 Purple */
  --color-2: #a669db; /* Violet Voltage */
  --color-3: #da70d6; /* Orchid (CSS) */
  --color-4: #de70a1; /* Chinese Pink */
  --color-5: #d87273; /* Lantana */
}

Other schemes from Orchid (CSS)

More light pink analogous color schemes

Questions

What colors go with Orchid (CSS)?

In a analogous scheme: C64 Purple (#6F6ED1), Violet Voltage (#A669DB), Chinese Pink (#DE70A1), Lantana (#D87273).

What is the hex code of Orchid (CSS)?

#DA70D6.