DarkRed
#8B0000 · rgb(139, 0, 0) · hsl(0, 100%, 27%)
Complementary colors
#8a0000 · #008a8aAnalogous colors
#8a0045 · #8a0000 · #8a4500Triadic colors
#8a0000 · #008a00 · #00008aSplit-complementary colors
#8a0000 · #008a45 · #00458aTetradic colors
#8a0000 · #458a00 · #008a8a · #45008aMonochromatic colors
#4d0000 · #a30000 · #ff0000 · #ff5c5c · #ffb3b3Ready-made palettes with DarkRed
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#8B0000 · #008a8a · #f31616 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#8a0045 · #8B0000 · #8a4500 · #f31616 · #0a0000
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#8B0000 · #008a00 · #00008a · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#ffebeb · #ff7a7a · #ff0505 · #940000 · #1f0000
If you are wondering what colors go with DarkRed, start with its opposite on the wheel — a complementary #008a8a — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
DarkRed's complementary color is #008a8a. Analogous neighbors, triadic accents and monochromatic tints of the same hue all pair naturally with it too.
Must-know facts
- Every swatch row is a complete scheme you can copy straight into CSS.
- The color wheel can regenerate these harmonies for any base you like.
Related tools
These color tools pair naturally with the one you just used — keep exploring.