CSS named color
DarkRed
#8B0000
HEX
#8b0000RGB
rgb(139, 0, 0)HSL
hsl(0, 100%, 27%)OKLCH
oklch(39.99% 0.1641 29.23)NAME
darkredPalette
Complementary
180° on the color wheelComplement
#008A8A
Analogous
±30° around the base hueLeft
#8A0045
Right
#8A4500
Triadic
±120° for harmonic contrastTriad 1
#008A00
Triad 2
#00008A
Shades
Lighter and darker variantsCSS usage
By name
color: darkred;
background-color: darkred;By HEX
color: #8b0000;
background-color: #8b0000;By RGB
color: rgb(139, 0, 0);
background-color: rgb(139, 0, 0);By HSL
color: hsl(0, 100%, 27%);
background-color: hsl(0, 100%, 27%);WCAG contrast vs white
Aa
10.01:1
AAA
WCAG contrast vs black
Aa
2.10:1
Below minimum
Related colors
FAQ — DarkRed
What is the HEX code for DarkRed?
The HEX code for DarkRed is #8B0000. It's one of the 148 named CSS colors and can be used directly in CSS as color: darkred; or color: #8b0000;
What is DarkRed in RGB?
DarkRed in RGB is rgb(139, 0, 0) — red 139, green 0, blue 0.
What is DarkRed in HSL?
DarkRed in HSL is hsl(0, 100%, 27%) — hue 0°, saturation 100%, lightness 27%.
What is the complementary color of DarkRed?
The complementary color (directly opposite DarkRed on the color wheel) is #008A8A. The two together produce maximum contrast.
Is white text readable on DarkRed?
The WCAG contrast ratio against white (#FFFFFF) is 10.01:1, and against black (#000000) it's 2.10:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.