Crimson colour (#DC143C)

Crimson is medium a red with hex code #DC143C, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 220, 20, 60; in HSL 348°, 83%, 47%. Use the tool to explore shades and harmonies.

✓ Runs in your browser — nothing uploaded Free, no sign-upNo watermark

How to use the Crimson colour

  1. The colour is pre-filled; click Explore to see all formats, shades and harmonies.
  2. Edit the value to try a variation.
  3. Copy the code you need.

Crimson in every format

FormatValue
HEX#DC143C
RGBrgb(220, 20, 60)
RGB (0–1)0.863, 0.078, 0.235
HSLhsl(348, 83%, 47%)
CMYK (approx.)0%, 91%, 73%, 14%
CSScolor: crimson;

Shades and tints of Crimson

Same hue and saturation, lightness from 90% to 10%:

#fbd0d9 #f6a2b3 #f2738c #ee4466 #e91640 #bb1133 #8c0d26 #5d091a #2f040d

Colours that go with Crimson

HarmonyColours
Complementary #14dbb4
Triadic #3cdb14 #143cdb
Analogous #db5014 #db14a0

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:

ColourHEXDifference
firebrick #b22222close
brown #a52a2aclose
red #ff0000close
mediumvioletred #c71585close
indianred #cd5c5cnoticeably different

Accessibility

Contrast ratio of Crimson against white is 4.99:1 (passes WCAG AA for normal text) and against black 4.21:1 (fails). Use Crimson for text on white backgrounds.

Frequently asked questions

What is the hex code for Crimson?

#DC143C.

What is Crimson in RGB?

rgb(220, 20, 60).

What colour is complementary to Crimson?

#14dbb4, 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.