redwarmCSS named color

Darkred #8B0000

Darkred is a dark, highly saturated warm-toned color with a warm cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Alerts · Attention accents

Open in generator →Colors that go with darkred →

Families: Reds · Maroon Colors · Burgundy Colors

Color values

FormatValue
HEX#8B0000
RGBrgb(139, 0, 0)
HSLhsl(0, 100%, 27%)
HSVhsv(0, 100%, 55%)
OKLCHoklch(39.99% 0.164 29.2)
OKLaboklab(39.99% 0.1432 0.0801)
CMYKcmyk(0%, 100%, 100%, 45.5%)
XYZxyz(10.6489, 5.4908, 0.4992)
CIE-LABlab(28.1, 51.0, 41.3)
CIE-LCHlch(28.1, 65.6, 39.0°)
Luminance0.055 (WCAG relative)
/* Darkred */ --darkred: #8b0000; color: #8b0000; background-color: #8b0000;

Source: W3C CSS named color. CSS keyword: darkred.

Collections: Jewel Tone Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#7d0701 #6f0c02 #620e02 #541002 #471002 #3b1002 #2f0f01 #230c01 #170600 #000000

Tints (toward white)

#9b2919 #aa4330 #b85b47 #c5725f #d18978 #dca091 #e7b7ac #f0cfc7 #f8e7e3 #ffffff

Tones (toward gray)

#851309 #7f1e11 #792517 #732b1e #6c3124 #65352a #5e3930 #563c36 #4d3f3c #424242

Color harmonies

Complementary

Edit in generator →
#8B0000
#008B8B
#8b0000 #008b8b

Analogous

Edit in generator →
#8B0046
#8B0000
#8B4600
#8b0046 #8b0000 #8b4600

Triadic

Edit in generator →
#8B0000
#008B00
#00008B
#8b0000 #008b00 #00008b

Tetradic

Edit in generator →
#8B0000
#468B00
#008B8B
#46008B
#8b0000 #468b00 #008b8b #46008b

Square

Edit in generator →
#8B0000
#468B00
#008B8B
#46008B
#8b0000 #468b00 #008b8b #46008b

Split Complementary

Edit in generator →
#8B0000
#008B46
#00468B
#8b0000 #008b46 #00468b

Monochromatic

Edit in generator →
#1F0000
#4E0000
#8B0000
#C80000
#FF0606
#1f0000 #4e0000 #8b0000 #c80000 #ff0606

Accessibility & contrast

10.01
#8B0000 on #FFFFFF
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
2.10
#8B0000 on #000000
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗

Best text on darkred

10.01
#FFFFFF text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#383000
Deuteranopia (green-blind)
#574C00
Tritanopia (blue-blind)
#9A0004

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Indian Red #850E041.34
Dark Red #8400001.42
Maroon #8000002.25
Brick Red #8F14022.28
Blood Red #9800022.54
Deep Red #9A02003.08

Colors that go with darkred

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Pastel Orange #FF964F
4.6:1
Analogous hue (Δh ≈24°) — neighbors on the color wheel
Butter #FFFF81
9.5:1
Warm/cool bridge (Δh 60°) — adds depth without tension
Lightgreen #90EE90
7.1:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Light Aquamarine #7BFDC7
8.0:1
Split-complementary angle (Δh ≈155°) — strong but softer than direct complement
Aqua #00FFFF
8.0:1
Complementary hue (Δh ≈180°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.