#d21f63 hex color

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

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

● #d21f63 color description : Strong pink.

The hexadecimal color #d21f63 has RGB values of R:210, G:31, B:99 and CMYK values of C:0, M:0.85, Y:0.53, K:0.18. Its decimal value is 13770595.

Hex triplet	d21f63	`#d21f63`
RGB Decimal	210, 31, 99	`rgb(210,31,99)`
RGB Percent	82.4, 12.2, 38.8	`rgb(82.4%,12.2%,38.8%)`
CMYK	0, 85, 53, 18
HSL	337.2°, 74.3, 47.3	`hsl(337.2,74.3%,47.3%)`
HSV (or HSB)	337.2°, 85.2, 82.4
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.426, 68.767, 8.477
XYZ	29.322, 15.586, 13.268
xyY	0.504, 0.268, 15.586
CIE-LCH	46.426, 69.288, 7.027
CIE-LUV	46.426, 114.283, -3.174
Hunter-Lab	39.479, 63.486, 7.709
Binary	11010010, 00011111, 01100011

#d21f63
```
#d21f63 rgb(210,31,99)
```
#1fd28e
```
#1fd28e rgb(31,210,142)
```

Complementary Color

#d21fbd
```
#d21fbd rgb(210,31,189)
```
#d21f63
```
#d21f63 rgb(210,31,99)
```
#d2351f
```
#d2351f rgb(210,53,31)
```

Analogous Color

#1fbdd2
```
#1fbdd2 rgb(31,189,210)
```
#d21f63
```
#d21f63 rgb(210,31,99)
```
#1fd235
```
#1fd235 rgb(31,210,53)
```

Split Complementary Color

#1f63d2
```
#1f63d2 rgb(31,99,210)
```
#d21f63
```
#d21f63 rgb(210,31,99)
```
#63d21f
```
#63d21f rgb(99,210,31)
```

Triadic Color

#8e1fd2
```
#8e1fd2 rgb(142,31,210)
```
#d21f63
```
#d21f63 rgb(210,31,99)
```
#63d21f
```
#63d21f rgb(99,210,31)
```
#1fd28e
```
#1fd28e rgb(31,210,142)
```

Tetradic Color

#8f1544
```
#8f1544 rgb(143,21,68)
```
#a6184e
```
#a6184e rgb(166,24,78)
```
#bc1c59
```
#bc1c59 rgb(188,28,89)
```
#d21f63
```
#d21f63 rgb(210,31,99)
```
#e02b70
```
#e02b70 rgb(224,43,112)
```
#e3417f
```
#e3417f rgb(227,65,127)
```
#e6578e
```
#e6578e rgb(230,87,142)
```

Monochromatic Color

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

#d21f90
```
#d21f90 rgb(210,31,144)
```
#d21f81
```
#d21f81 rgb(210,31,129)
```
#d21f72
```
#d21f72 rgb(210,31,114)
```
#d21f63
```
#d21f63 rgb(210,31,99)
```
#d21f54
```
#d21f54 rgb(210,31,84)
```
#d21f45
```
#d21f45 rgb(210,31,69)
```
#d21f36
```
#d21f36 rgb(210,31,54)
```

Similar Colors

Text with hexadecimal color #d21f63

This text has a font color of #d21f63.

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

#d21f63 background color

This paragraph has a background color of #d21f63.

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

#d21f63 border color

This element has a border color of #d21f63.

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

CSS codes

.text {color:#d21f63;}

.background {background-color:#d21f63;}

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

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 #fdf3f7 is the lightest one.

#050102
```
#050102 rgb(5,1,2)
```
#16030a
```
#16030a rgb(22,3,10)
```
#270612
```
#270612 rgb(39,6,18)
```
#38081a
```
#38081a rgb(56,8,26)
```
#490b23
```
#490b23 rgb(73,11,35)
```
#5a0d2b
```
#5a0d2b rgb(90,13,43)
```
#6b1033
```
#6b1033 rgb(107,16,51)
```
#7d123b
```
#7d123b rgb(125,18,59)
```
#8e1543
```
#8e1543 rgb(142,21,67)
```
#9f174b
```
#9f174b rgb(159,23,75)
```
#b01a53
```
#b01a53 rgb(176,26,83)
```
#c11c5b
```
#c11c5b rgb(193,28,91)
```
#d21f63
```
#d21f63 rgb(210,31,99)
```

Shade Color Variation

#df266c
```
#df266c rgb(223,38,108)
```
#e13778
```
#e13778 rgb(225,55,120)
```
#e44883
```
#e44883 rgb(228,72,131)
```
#e6598f
```
#e6598f rgb(230,89,143)
```
#e96a9a
```
#e96a9a rgb(233,106,154)
```
#ec7ba6
```
#ec7ba6 rgb(236,123,166)
```
#ee8cb1
```
#ee8cb1 rgb(238,140,177)
```
#f19dbd
```
#f19dbd rgb(241,157,189)
```
#f3aec9
```
#f3aec9 rgb(243,174,201)
```
#f6c0d4
```
#f6c0d4 rgb(246,192,212)
```
#f8d1e0
```
#f8d1e0 rgb(248,209,224)
```
#fbe2eb
```
#fbe2eb rgb(251,226,235)
```
#fdf3f7
```
#fdf3f7 rgb(253,243,247)
```

Tint Color Variation

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

#7f7277
```
#7f7277 rgb(127,114,119)
```
#886975
```
#886975 rgb(136,105,117)
```
#916073
```
#916073 rgb(145,96,115)
```
#9a5770
```
#9a5770 rgb(154,87,112)
```
#a44d6e
```
#a44d6e rgb(164,77,110)
```
#ad446c
```
#ad446c rgb(173,68,108)
```
#b63b6a
```
#b63b6a rgb(182,59,106)
```
#bf3267
```
#bf3267 rgb(191,50,103)
```
#c92865
```
#c92865 rgb(201,40,101)
```
#d21f63
```
#d21f63 rgb(210,31,99)
```
#db1661
```
#db1661 rgb(219,22,97)
```
#e50c5f
```
#e50c5f rgb(229,12,95)
```
#ee035c
```
#ee035c rgb(238,3,92)
```

Tone Color Variation

Below, you can see how #d21f63 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

#5c5c5c Achromatopsia 0.005% of the population
#74505d Atypical Achromatopsia 0.001% of the population

Dichromacy

#70748b Protanopia 1% of men
#88715f Deuteranopia 1% of men
#d2393b Tritanopia 0.001% of the population

Trichromacy

#93557c Protanomaly 1% of men, 0.01% of women
#a25360 Deuteranomaly 6% of men, 0.4% of women
#d22f49 Tritanomaly 0.01% of the population

#d21f63 hex color

#d21f63 Color Information

#d21f63 Color Conversion

Color Schemes with #d21f63

Alternatives to #d21f63

#d21f63 Preview

Shades and Tints of #d21f63

Tones of #d21f63

Color Blindness Simulator