Dark Red (CSS) Tetradic Color Scheme

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

#8B0000

#448800

#008B8B

#4B0183

#F00000

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
Mughal Green	`#448800`	68, 136, 0	90°, 100%, 27%	50, 0, 100, 47	56.0% 0.164 135
Dark Cyan	`#008B8B`	0, 139, 139	180°, 100%, 27%	100, 0, 0, 45	57.7% 0.098 195
Indigo Static	`#4B0183`	75, 1, 131	274°, 98%, 26%	43, 99, 0, 49	34.1% 0.180 301
Helvetia Red	`#F00000`	240, 0, 0	0°, 100%, 47%	0, 100, 100, 6	60.0% 0.246 29

Which pairs work for text

Text on background	Contrast	WCAG
Aa #008B8B on #4B0183	3.11:1	AA large
Aa #448800 on #4B0183	2.92:1	—
Aa #4B0183 on #F00000	2.88:1	—
Aa #8B0000 on #008B8B	2.41:1	—
Aa #8B0000 on #448800	2.27:1	—
Aa #8B0000 on #F00000	2.24:1	—

CSS variables

:root {
  --color-1: #8b0000; /* Dark Red (CSS) */
  --color-2: #448800; /* Mughal Green */
  --color-3: #008b8b; /* Dark Cyan */
  --color-4: #4b0183; /* Indigo Static */
  --color-5: #f00000; /* Helvetia Red */
}

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
#008800
#00008B
#F00000
#033500
Dark Red (CSS) Triadic Color Scheme
#8B0000
#008F48
#004488
#3E0007
#00D973
Dark Red (CSS) Split-complementary Color Scheme
#1D0200
#3E0007
#8B0000
#D70200
#FF2222
Dark Red (CSS) Monochromatic Color Scheme

More dark red tetradic color schemes

Questions

What colors go with Dark Red (CSS)?

In a tetradic scheme: Mughal Green (#448800), Dark Cyan (#008B8B), Indigo Static (#4B0183), Helvetia Red (#F00000).

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

#8B0000.