#d7218a hex color

In a RGB color space, hex #d7218a is composed of 84.3% red, 12.9% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.7% magenta, 35.8% yellow and 15.7% black. It has a hue angle of 325.4 degrees, a saturation of 73.4% and a lightness of 48.6%. #d7218a color hex could be obtained by blending #ff42ff with #af0015. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 84
- G 13
- B 54
RGB color chart
- C 0
- M 85
- Y 36
- K 16
CMYK color chart

● #d7218a color description : Strong pink.

The hexadecimal color #d7218a has RGB values of R:215, G:33, B:138 and CMYK values of C:0, M:0.85, Y:0.36, K:0.16. Its decimal value is 14098826.

Hex triplet	d7218a	`#d7218a`
RGB Decimal	215, 33, 138	`rgb(215,33,138)`
RGB Percent	84.3, 12.9, 54.1	`rgb(84.3%,12.9%,54.1%)`
CMYK	0, 85, 36, 16
HSL	325.4°, 73.4, 48.6	`hsl(325.4,73.4%,48.6%)`
HSV (or HSB)	325.4°, 84.7, 84.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	48.727, 72.981, -11.924
XYZ	33.156, 17.373, 25.651
xyY	0.435, 0.228, 17.373
CIE-LCH	48.727, 73.949, 350.721
CIE-LUV	48.727, 101.304, -29.488
Hunter-Lab	41.681, 69.051, -7.311
Binary	11010111, 00100001, 10001010

#d7218a
```
#d7218a rgb(215,33,138)
```
#21d76e
```
#21d76e rgb(33,215,110)
```

Complementary Color

#c921d7
```
#c921d7 rgb(201,33,215)
```
#d7218a
```
#d7218a rgb(215,33,138)
```
#d7212f
```
#d7212f rgb(215,33,47)
```

Analogous Color

#21d7c9
```
#21d7c9 rgb(33,215,201)
```
#d7218a
```
#d7218a rgb(215,33,138)
```
#2fd721
```
#2fd721 rgb(47,215,33)
```

Split Complementary Color

#218ad7
```
#218ad7 rgb(33,138,215)
```
#d7218a
```
#d7218a rgb(215,33,138)
```
#8ad721
```
#8ad721 rgb(138,215,33)
```

Triadic Color

#6e21d7
```
#6e21d7 rgb(110,33,215)
```
#d7218a
```
#d7218a rgb(215,33,138)
```
#8ad721
```
#8ad721 rgb(138,215,33)
```
#21d76e
```
#21d76e rgb(33,215,110)
```

Tetradic Color

#95175f
```
#95175f rgb(149,23,95)
```
#ab1a6e
```
#ab1a6e rgb(171,26,110)
```
#c11e7c
```
#c11e7c rgb(193,30,124)
```
#d7218a
```
#d7218a rgb(215,33,138)
```
#e03296
```
#e03296 rgb(224,50,150)
```
#e348a1
```
#e348a1 rgb(227,72,161)
```
#e65ead
```
#e65ead rgb(230,94,173)
```

Monochromatic Color

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

#d721b8
```
#d721b8 rgb(215,33,184)
```
#d721a8
```
#d721a8 rgb(215,33,168)
```
#d72199
```
#d72199 rgb(215,33,153)
```
#d7218a
```
#d7218a rgb(215,33,138)
```
#d7217b
```
#d7217b rgb(215,33,123)
```
#d7216c
```
#d7216c rgb(215,33,108)
```
#d7215d
```
#d7215d rgb(215,33,93)
```

Similar Colors

Text with hexadecimal color #d7218a

This text has a font color of #d7218a.

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

#d7218a background color

This paragraph has a background color of #d7218a.

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

#d7218a border color

This element has a border color of #d7218a.

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

CSS codes

.text {color:#d7218a;}

.background {background-color:#d7218a;}

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

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, #0b0207 is the darkest color, while #fef9fc is the lightest one.

#0b0207
```
#0b0207 rgb(11,2,7)
```
#1c0412
```
#1c0412 rgb(28,4,18)
```
#2d071d
```
#2d071d rgb(45,7,29)
```
#3e0a28
```
#3e0a28 rgb(62,10,40)
```
#4f0c33
```
#4f0c33 rgb(79,12,51)
```
#600f3e
```
#600f3e rgb(96,15,62)
```
#711149
```
#711149 rgb(113,17,73)
```
#821453
```
#821453 rgb(130,20,83)
```
#93175e
```
#93175e rgb(147,23,94)
```
#a41969
```
#a41969 rgb(164,25,105)
```
#b51c74
```
#b51c74 rgb(181,28,116)
```
#c61e7f
```
#c61e7f rgb(198,30,127)
```
#d7218a
```
#d7218a rgb(215,33,138)
```

Shade Color Variation

#df2d93
```
#df2d93 rgb(223,45,147)
```
#e13e9c
```
#e13e9c rgb(225,62,156)
```
#e44fa5
```
#e44fa5 rgb(228,79,165)
```
#e760ae
```
#e760ae rgb(231,96,174)
```
#e971b6
```
#e971b6 rgb(233,113,182)
```
#ec82bf
```
#ec82bf rgb(236,130,191)
```
#ee93c8
```
#ee93c8 rgb(238,147,200)
```
#f1a4d0
```
#f1a4d0 rgb(241,164,208)
```
#f4b5d9
```
#f4b5d9 rgb(244,181,217)
```
#f6c6e2
```
#f6c6e2 rgb(246,198,226)
```
#f9d7ea
```
#f9d7ea rgb(249,215,234)
```
#fbe8f3
```
#fbe8f3 rgb(251,232,243)
```
#fef9fc
```
#fef9fc rgb(254,249,252)
```

Tint Color Variation

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

#81777d
```
#81777d rgb(129,119,125)
```
#8b6d7e
```
#8b6d7e rgb(139,109,126)
```
#946480
```
#946480 rgb(148,100,128)
```
#9e5a81
```
#9e5a81 rgb(158,90,129)
```
#a75183
```
#a75183 rgb(167,81,131)
```
#b14784
```
#b14784 rgb(177,71,132)
```
#ba3e86
```
#ba3e86 rgb(186,62,134)
```
#c43487
```
#c43487 rgb(196,52,135)
```
#cd2b89
```
#cd2b89 rgb(205,43,137)
```
#d7218a
```
#d7218a rgb(215,33,138)
```
#e1178b
```
#e1178b rgb(225,23,139)
```
#ea0e8d
```
#ea0e8d rgb(234,14,141)
```
#f4048e
```
#f4048e rgb(244,4,142)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#7a566b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6078b9 Protanopia 1% of men
#827782 Deuteranopia 1% of men
#d4464a Tritanopia 0.001% of the population

Trichromacy

#8b58a8 Protanomaly 1% of men, 0.01% of women
#a15885 Deuteranomaly 6% of men, 0.4% of women
#d53961 Tritanomaly 0.01% of the population

#d7218a hex color

#d7218a Color Information

#d7218a Color Conversion

Color Schemes with #d7218a

Alternatives to #d7218a

#d7218a Preview

Shades and Tints of #d7218a

Tones of #d7218a

Color Blindness Simulator