Fading Night Triadic Color Scheme

Five colors arranged by the triadic rule around Fading Night (#3377CC), each snapped to its nearest named color.

#3377CC

#CF3476

#7DC734

#88ACE0

#882055

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Fading Night	`#3377CC`	51, 119, 204	213°, 60%, 50%	75, 42, 0, 20	56.9% 0.148 256
Magentarama	`#CF3476`	207, 52, 118	334°, 62%, 51%	0, 75, 43, 19	58.0% 0.197 360
Niblet Green	`#7DC734`	125, 199, 52	90°, 59%, 49%	37, 0, 74, 22	75.3% 0.190 133
Queer Blue	`#88ACE0`	136, 172, 224	215°, 59%, 71%	39, 23, 0, 12	73.7% 0.086 258
Violettuce	`#882055`	136, 32, 85	329°, 62%, 33%	0, 76, 38, 47	43.0% 0.147 354

Which pairs work for text

Text on background	Contrast	WCAG
Aa #7DC734 on #882055	4.23:1	AA large
Aa #88ACE0 on #882055	3.78:1	AA large
Aa #CF3476 on #7DC734	2.29:1	—
Aa #3377CC on #7DC734	2.17:1	—
Aa #CF3476 on #88ACE0	2.05:1	—
Aa #3377CC on #882055	1.95:1	—

CSS variables

:root {
  --color-1: #3377cc; /* Fading Night */
  --color-2: #cf3476; /* Magentarama */
  --color-3: #7dc734; /* Niblet Green */
  --color-4: #88ace0; /* Queer Blue */
  --color-5: #882055; /* Violettuce */
}

Other schemes from Fading Night

More medium blue triadic color schemes

Questions

What colors go with Fading Night?

In a triadic scheme: Magentarama (#CF3476), Niblet Green (#7DC734), Queer Blue (#88ACE0), Violettuce (#882055).

What is the hex code of Fading Night?

#3377CC.