Alizarin

#DB2D43

What color is Alizarin?

Alizarin is a deep, rich crimson red with a slightly warm tone, hex #DB2D43, close to the color of a fresh pomegranate seed. It is strong and saturated, with enough depth to avoid reading as a simple bright red.

What is the meaning of the color Alizarin?

Named from the Arabic alizari, meaning madder root, alizarin was extracted from the Rubia tinctorum plant and used to dye textiles across the ancient Mediterranean and Middle East. By the medieval period, madder-dyed cloth colored the uniforms of European armies, including the red coats of British soldiers. In 1868, German chemists Carl Graebe and Carl Liebermann synthesized alizarin in a laboratory, making it the first natural dye to be artificially replicated. The synthetic version was sold commercially by BASF from 1869, replacing the agricultural trade almost entirely within a decade.

RGB
219, 45, 67
HSL
352°, 71%, 52%
CMYK
0, 79, 69, 14
HSV
352°, 79%, 86%
Alizarin color

What colors go with Alizarin?

Colors that pair well with Alizarin include:
Ivory: soft, warm contrast
Navy Blue: deep, bold balance
Forest Green: rich complementary depth
Gold: warm, vivid accent
Charcoal: grounded, neutral anchor

Similar Colors

Conversions & Codes

Format Value CSS
HEX #DB2D43 color: #DB2D43;
RGB 219, 45, 67 color: rgb(219, 45, 67);
RGB Percentage 86%, 18%, 26% color: rgb(86%, 18%, 26%);
CMYK 0%, 79%, 69%, 14% Not supported in CSS
HSL 352°, 71%, 52% color: hsl(352, 71%, 52%);
HSV 352°, 79%, 86% Not supported in CSS
CIE-LAB 42, 35, -7 color: lab(42% 35 -7);
Decimal 14363971 Not supported in CSS

Color Variations

Shades

#DC2E45
#CC2339
#B51F33
#9F1B2C
#881726
#711320
#5B0F19
#440C13

Tints

#F4C0C7
#F1ABB5
#ED96A2
#EA818F
#E66C7D
#E3586A
#DF4357
#DC2E45

Tones

#DC2E45
#D3364B
#CA3F52
#C14858
#B9505E
#B05965
#A7626B
#9F6B71

Hues

#DC2E45
#DC992E
#9CDC2E
#2EDC42
#2EDCC4
#2E70DC
#6D2EDC
#DC2EC7

Color Harmonies

Analogous

#DC2E9C
Click to copy
#DB2D43
Click to copy
#DC6D2E
Click to copy

Complementary

#DB2D43
Click to copy
#2EDCC4
Click to copy

Split Complementary

#DB2D43
Click to copy
#2EDC6D
Click to copy
#2E9CDC
Click to copy

Triadic

#DB2D43
Click to copy
#45DC2E
Click to copy
#2E45DC
Click to copy

Tetradic

#DB2D43
Click to copy
#9CDC2E
Click to copy
#2EDCC4
Click to copy
#6D2EDC
Click to copy

Square

#DB2D43
Click to copy
#9CDC2E
Click to copy
#2EDCC4
Click to copy
#6D2EDC
Click to copy

CSS & Dev Snippets

CSS
.alizarin {
  color: #DB2D43;
}
SCSS
$alizarin: #DB2D43;
RGB
rgb(219, 45, 67)

Accessibility & Contrast

White background

4.70:1
4.70
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

4.47:1
4.47
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags