Darkmagenta colour (#8B008B)
Darkmagenta is dark a pink/magenta with hex code #8B008B, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 139, 0, 139; in HSL 300°, 100%, 27%. Use the tool to explore shades and harmonies.
How to use the Darkmagenta colour
- The colour is pre-filled; click Explore to see all formats, shades and harmonies.
- Edit the value to try a variation.
- Copy the code you need.
Darkmagenta in every format
| Format | Value |
|---|---|
| HEX | #8B008B |
| RGB | rgb(139, 0, 139) |
| RGB (0–1) | 0.545, 0.000, 0.545 |
| HSL | hsl(300, 100%, 27%) |
| CMYK (approx.) | 0%, 100%, 0%, 45% |
| CSS | color: darkmagenta; |
Shades and tints of Darkmagenta
Same hue and saturation, lightness from 90% to 10%:
#ffccff | #ff99ff | #ff66ff | #ff33ff | #ff00ff | #cc00cc | #990099 | #660066 | #330033 |
Colours that go with Darkmagenta
| Harmony | Colours | |
|---|---|---|
| Complementary | #008a00 | |
| Triadic | #8a8a00 | #008a8a |
| Analogous | #8a0045 | #45008a |
Similar named colours
The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:
| Colour | HEX | Difference |
|---|---|---|
| purple | #800080 | very close |
| mediumvioletred | #c71585 | close |
| rebeccapurple | #663399 | close |
| indigo | #4b0082 | close |
| darkviolet | #9400d3 | close |
Accessibility
Contrast ratio of Darkmagenta against white is 8.5:1 (passes WCAG AA for normal text) and against black 2.47:1 (fails). Use Darkmagenta for text on white backgrounds.
Frequently asked questions
What is the hex code for Darkmagenta?
#8B008B.
What is Darkmagenta in RGB?
rgb(139, 0, 139).
What colour is complementary to Darkmagenta?
#008a00, directly opposite on the colour wheel.
Privacy
This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.
Last updated 2026-09-23.