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