Dark Red (CSS) Triadic Color Scheme

Five colors arranged by the triadic rule around Dark Red (CSS) (#8B0000), each snapped to its nearest named color.

#8B0000

#008800

#00008B

#F00000

#033500

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Dark Red (CSS)	`#8B0000`	139, 0, 0	0°, 100%, 27%	0, 100, 100, 45	40.0% 0.164 29
Fine Pine	`#008800`	0, 136, 0	120°, 100%, 27%	100, 0, 100, 47	54.3% 0.185 142
Yves Klein Blue	`#00008B`	0, 0, 139	240°, 100%, 27%	100, 100, 0, 45	28.8% 0.199 264
Helvetia Red	`#F00000`	240, 0, 0	0°, 100%, 47%	0, 100, 100, 6	60.0% 0.246 29
Dark Green	`#033500`	3, 53, 0	117°, 100%, 10%	94, 0, 100, 79	28.6% 0.096 142

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00008B on #F00000	3.43:1	AA large
Aa #008800 on #00008B	3.29:1	AA large
Aa #F00000 on #033500	3.11:1	AA large
Aa #008800 on #033500	2.99:1	—
Aa #8B0000 on #F00000	2.24:1	—
Aa #8B0000 on #008800	2.16:1	—

CSS variables

:root {
  --color-1: #8b0000; /* Dark Red (CSS) */
  --color-2: #008800; /* Fine Pine */
  --color-3: #00008b; /* Yves Klein Blue */
  --color-4: #f00000; /* Helvetia Red */
  --color-5: #033500; /* Dark Green */
}

Other schemes from Dark Red (CSS)

#8B0000
#E60000
#008B8B
#003839
#01F1F1
Dark Red (CSS) Complementary Color Scheme
#8B008B
#880044
#8B0000
#884400
#929000
Dark Red (CSS) Analogous Color Scheme
#8B0000
#008F48
#004488
#3E0007
#00D973
Dark Red (CSS) Split-complementary Color Scheme
#8B0000
#448800
#008B8B
#4B0183
#F00000
Dark Red (CSS) Tetradic Color Scheme
#1D0200
#3E0007
#8B0000
#D70200
#FF2222
Dark Red (CSS) Monochromatic Color Scheme

More dark red triadic color schemes

Questions

What colors go with Dark Red (CSS)?

In a triadic scheme: Fine Pine (#008800), Yves Klein Blue (#00008B), Helvetia Red (#F00000), Dark Green (#033500).

What is the hex code of Dark Red (CSS)?

#8B0000.