#d21f55 hex color

In a RGB color space, hex #d21f55 is composed of 82.4% red, 12.2% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.2% magenta, 59.5% yellow and 17.6% black. It has a hue angle of 341.9 degrees, a saturation of 74.3% and a lightness of 47.3%. #d21f55 color hex could be obtained by blending #ff3eaa with #a50000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 82
- G 12
- B 33
RGB color chart
- C 0
- M 85
- Y 60
- K 18
CMYK color chart

● #d21f55 color description : Strong pink.

The hexadecimal color #d21f55 has RGB values of R:210, G:31, B:85 and CMYK values of C:0, M:0.85, Y:0.6, K:0.18. Its decimal value is 13770581.

Hex triplet	d21f55	`#d21f55`
RGB Decimal	210, 31, 85	`rgb(210,31,85)`
RGB Percent	82.4, 12.2, 33.3	`rgb(82.4%,12.2%,33.3%)`
CMYK	0, 85, 60, 18
HSL	341.9°, 74.3, 47.3	`hsl(341.9,74.3%,47.3%)`
HSV (or HSB)	341.9°, 85.2, 82.4
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.098, 67.816, 16.7
XYZ	28.709, 15.341, 10.043
xyY	0.531, 0.284, 15.341
CIE-LCH	46.098, 69.842, 13.834
CIE-LUV	46.098, 119.605, 5.685
Hunter-Lab	39.167, 62.295, 12.214
Binary	11010010, 00011111, 01010101

#d21f55
```
#d21f55 rgb(210,31,85)
```
#1fd29c
```
#1fd29c rgb(31,210,156)
```

Complementary Color

#d21faf
```
#d21faf rgb(210,31,175)
```
#d21f55
```
#d21f55 rgb(210,31,85)
```
#d2431f
```
#d2431f rgb(210,67,31)
```

Analogous Color

#1fafd2
```
#1fafd2 rgb(31,175,210)
```
#d21f55
```
#d21f55 rgb(210,31,85)
```
#1fd243
```
#1fd243 rgb(31,210,67)
```

Split Complementary Color

#1f55d2
```
#1f55d2 rgb(31,85,210)
```
#d21f55
```
#d21f55 rgb(210,31,85)
```
#55d21f
```
#55d21f rgb(85,210,31)
```

Triadic Color

#9c1fd2
```
#9c1fd2 rgb(156,31,210)
```
#d21f55
```
#d21f55 rgb(210,31,85)
```
#55d21f
```
#55d21f rgb(85,210,31)
```
#1fd29c
```
#1fd29c rgb(31,210,156)
```

Tetradic Color

#8f153a
```
#8f153a rgb(143,21,58)
```
#a61843
```
#a61843 rgb(166,24,67)
```
#bc1c4c
```
#bc1c4c rgb(188,28,76)
```
#d21f55
```
#d21f55 rgb(210,31,85)
```
#e02b61
```
#e02b61 rgb(224,43,97)
```
#e34172
```
#e34172 rgb(227,65,114)
```
#e65782
```
#e65782 rgb(230,87,130)
```

Monochromatic Color

Below, you can see some colors close to #d21f55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#d21f82
```
#d21f82 rgb(210,31,130)
```
#d21f73
```
#d21f73 rgb(210,31,115)
```
#d21f64
```
#d21f64 rgb(210,31,100)
```
#d21f55
```
#d21f55 rgb(210,31,85)
```
#d21f46
```
#d21f46 rgb(210,31,70)
```
#d21f37
```
#d21f37 rgb(210,31,55)
```
#d21f28
```
#d21f28 rgb(210,31,40)
```

Similar Colors

Text with hexadecimal color #d21f55

This text has a font color of #d21f55.

<span style="color:#d21f55;">Text here</span>

#d21f55 background color

This paragraph has a background color of #d21f55.

<p style="background-color:#d21f55;">Content here</p>

#d21f55 border color

This element has a border color of #d21f55.

<div style="border:1px solid #d21f55;">Content here</div>

CSS codes

.text {color:#d21f55;}

.background {background-color:#d21f55;}

.border {border:1px solid #d21f55;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #050102 is the darkest color, while #fdf3f6 is the lightest one.

#050102
```
#050102 rgb(5,1,2)
```
#160309
```
#160309 rgb(22,3,9)
```
#270610
```
#270610 rgb(39,6,16)
```
#380817
```
#380817 rgb(56,8,23)
```
#490b1e
```
#490b1e rgb(73,11,30)
```
#5a0d25
```
#5a0d25 rgb(90,13,37)
```
#6b102b
```
#6b102b rgb(107,16,43)
```
#7d1232
```
#7d1232 rgb(125,18,50)
```
#8e1539
```
#8e1539 rgb(142,21,57)
```
#9f1740
```
#9f1740 rgb(159,23,64)
```
#b01a47
```
#b01a47 rgb(176,26,71)
```
#c11c4e
```
#c11c4e rgb(193,28,78)
```
#d21f55
```
#d21f55 rgb(210,31,85)
```

Shade Color Variation

#df265e
```
#df265e rgb(223,38,94)
```
#e1376a
```
#e1376a rgb(225,55,106)
```
#e44877
```
#e44877 rgb(228,72,119)
```
#e65984
```
#e65984 rgb(230,89,132)
```
#e96a90
```
#e96a90 rgb(233,106,144)
```
#ec7b9d
```
#ec7b9d rgb(236,123,157)
```
#ee8caa
```
#ee8caa rgb(238,140,170)
```
#f19db6
```
#f19db6 rgb(241,157,182)
```
#f3aec3
```
#f3aec3 rgb(243,174,195)
```
#f6c0d0
```
#f6c0d0 rgb(246,192,208)
```
#f8d1dd
```
#f8d1dd rgb(248,209,221)
```
#fbe2e9
```
#fbe2e9 rgb(251,226,233)
```
#fdf3f6
```
#fdf3f6 rgb(253,243,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f7276 is the less saturated color, while #ee034a is the most saturated one.

#7f7276
```
#7f7276 rgb(127,114,118)
```
#886972
```
#886972 rgb(136,105,114)
```
#91606f
```
#91606f rgb(145,96,111)
```
#9a576b
```
#9a576b rgb(154,87,107)
```
#a44d67
```
#a44d67 rgb(164,77,103)
```
#ad4464
```
#ad4464 rgb(173,68,100)
```
#b63b60
```
#b63b60 rgb(182,59,96)
```
#bf325c
```
#bf325c rgb(191,50,92)
```
#c92859
```
#c92859 rgb(201,40,89)
```
#d21f55
```
#d21f55 rgb(210,31,85)
```
#db1651
```
#db1651 rgb(219,22,81)
```
#e50c4e
```
#e50c4e rgb(229,12,78)
```
#ee034a
```
#ee034a rgb(238,3,74)
```

Tone Color Variation

Below, you can see how #d21f55 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#5b5b5b Achromatopsia 0.005% of the population
#734f5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#74747a Protanopia 1% of men
#8a7052 Deuteranopia 1% of men
#d23536 Tritanopia 0.001% of the population

Trichromacy

#96556c Protanomaly 1% of men, 0.01% of women
#a45253 Deuteranomaly 6% of men, 0.4% of women
#d22d41 Tritanomaly 0.01% of the population

#d21f55 hex color

#d21f55 Color Information

#d21f55 Color Conversion

Color Schemes with #d21f55

Alternatives to #d21f55

#d21f55 Preview

Shades and Tints of #d21f55

Tones of #d21f55

Color Blindness Simulator