Alizarin

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

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
Purple
80%
#DB2D43
Click to copy
Alizarin
100%
#DC6D2E
Click to copy
Red
85%

Complementary

#DB2D43
Click to copy
Alizarin
100%
#2EDCC4
Click to copy
Cyan
37%

Split Complementary

#DB2D43
Click to copy
Alizarin
100%
#2EDC6D
Click to copy
Green
43%
#2E9CDC
Click to copy
Cyan
42%

Triadic

#DB2D43
Click to copy
Alizarin
100%
#45DC2E
Click to copy
Green
48%
#2E45DC
Click to copy
Blue
47%

Tetradic

#DB2D43
Click to copy
Alizarin
100%
#9CDC2E
Click to copy
Yellow
58%
#2EDCC4
Click to copy
Cyan
37%
#6D2EDC
Click to copy
Blue
57%

Square

#DB2D43
Click to copy
Alizarin
100%
#9CDC2E
Click to copy
Yellow
58%
#2EDCC4
Click to copy
Cyan
37%
#6D2EDC
Click to copy
Blue
57%

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