#d822af hex color

In a RGB color space, hex #d822af is composed of 84.7% red, 13.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.3% magenta, 19% yellow and 15.3% black. It has a hue angle of 313.5 degrees, a saturation of 72.8% and a lightness of 49%. #d822af color hex could be obtained by blending #ff44ff with #b1005f. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 85
- G 13
- B 69
RGB color chart
- C 0
- M 84
- Y 19
- K 15
CMYK color chart

● #d822af color description : Strong magenta.

The hexadecimal color #d822af has RGB values of R:216, G:34, B:175 and CMYK values of C:0, M:0.84, Y:0.19, K:0.15. Its decimal value is 14164655.

Hex triplet	d822af	`#d822af`
RGB Decimal	216, 34, 175	`rgb(216,34,175)`
RGB Percent	84.7, 13.3, 68.6	`rgb(84.7%,13.3%,68.6%)`
CMYK	0, 84, 19, 15
HSL	313.5°, 72.8, 49	`hsl(313.5,72.8%,49%)`
HSV (or HSB)	313.5°, 84.3, 84.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	50.501, 77.216, -31.234
XYZ	36.629, 18.841, 42.263
xyY	0.375, 0.193, 18.841
CIE-LCH	50.501, 83.294, 337.976
CIE-LUV	50.501, 85.769, -57.88
Hunter-Lab	43.407, 74.667, -27.343
Binary	11011000, 00100010, 10101111

#d822af
```
#d822af rgb(216,34,175)
```
#22d84b
```
#22d84b rgb(34,216,75)
```

Complementary Color

#a622d8
```
#a622d8 rgb(166,34,216)
```
#d822af
```
#d822af rgb(216,34,175)
```
#d82254
```
#d82254 rgb(216,34,84)
```

Analogous Color

#22d8a6
```
#22d8a6 rgb(34,216,166)
```
#d822af
```
#d822af rgb(216,34,175)
```
#54d822
```
#54d822 rgb(84,216,34)
```

Split Complementary Color

#22afd8
```
#22afd8 rgb(34,175,216)
```
#d822af
```
#d822af rgb(216,34,175)
```
#afd822
```
#afd822 rgb(175,216,34)
```

Triadic Color

#4b22d8
```
#4b22d8 rgb(75,34,216)
```
#d822af
```
#d822af rgb(216,34,175)
```
#afd822
```
#afd822 rgb(175,216,34)
```
#22d84b
```
#22d84b rgb(34,216,75)
```

Tetradic Color

#961879
```
#961879 rgb(150,24,121)
```
#ac1b8b
```
#ac1b8b rgb(172,27,139)
```
#c21f9d
```
#c21f9d rgb(194,31,157)
```
#d822af
```
#d822af rgb(216,34,175)
```
#df34b9
```
#df34b9 rgb(223,52,185)
```
#e34ac0
```
#e34ac0 rgb(227,74,192)
```
#e660c8
```
#e660c8 rgb(230,96,200)
```

Monochromatic Color

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

#d422d8
```
#d422d8 rgb(212,34,216)
```
#d822cd
```
#d822cd rgb(216,34,205)
```
#d822be
```
#d822be rgb(216,34,190)
```
#d822af
```
#d822af rgb(216,34,175)
```
#d822a0
```
#d822a0 rgb(216,34,160)
```
#d82291
```
#d82291 rgb(216,34,145)
```
#d82282
```
#d82282 rgb(216,34,130)
```

Similar Colors

Text with hexadecimal color #d822af

This text has a font color of #d822af.

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

#d822af background color

This paragraph has a background color of #d822af.

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

#d822af border color

This element has a border color of #d822af.

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

CSS codes

.text {color:#d822af;}

.background {background-color:#d822af;}

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

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

#0d020a
```
#0d020a rgb(13,2,10)
```
#1e0518
```
#1e0518 rgb(30,5,24)
```
#2f0726
```
#2f0726 rgb(47,7,38)
```
#3f0a33
```
#3f0a33 rgb(63,10,51)
```
#500d41
```
#500d41 rgb(80,13,65)
```
#610f4f
```
#610f4f rgb(97,15,79)
```
#72125d
```
#72125d rgb(114,18,93)
```
#83156a
```
#83156a rgb(131,21,106)
```
#941778
```
#941778 rgb(148,23,120)
```
#a51a86
```
#a51a86 rgb(165,26,134)
```
#b61d94
```
#b61d94 rgb(182,29,148)
```
#c71fa1
```
#c71fa1 rgb(199,31,161)
```
#d822af
```
#d822af rgb(216,34,175)
```

Shade Color Variation

#de2fb7
```
#de2fb7 rgb(222,47,183)
```
#e140bd
```
#e140bd rgb(225,64,189)
```
#e451c3
```
#e451c3 rgb(228,81,195)
```
#e662c9
```
#e662c9 rgb(230,98,201)
```
#e973ce
```
#e973ce rgb(233,115,206)
```
#ec84d4
```
#ec84d4 rgb(236,132,212)
```
#ee95da
```
#ee95da rgb(238,149,218)
```
#f1a6e0
```
#f1a6e0 rgb(241,166,224)
```
#f4b7e6
```
#f4b7e6 rgb(244,183,230)
```
#f6c8ec
```
#f6c8ec rgb(246,200,236)
```
#f9d9f2
```
#f9d9f2 rgb(249,217,242)
```
#fceaf8
```
#fceaf8 rgb(252,234,248)
```
#fefbfe
```
#fefbfe rgb(254,251,254)
```

Tint Color Variation

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

#81797f
```
#81797f rgb(129,121,127)
```
#8b6f85
```
#8b6f85 rgb(139,111,133)
```
#95658a
```
#95658a rgb(149,101,138)
```
#9e5c8f
```
#9e5c8f rgb(158,92,143)
```
#a85295
```
#a85295 rgb(168,82,149)
```
#b2489a
```
#b2489a rgb(178,72,154)
```
#bb3f9f
```
#bb3f9f rgb(187,63,159)
```
#c535a4
```
#c535a4 rgb(197,53,164)
```
#ce2caa
```
#ce2caa rgb(206,44,170)
```
#d822af
```
#d822af rgb(216,34,175)
```
#e218b4
```
#e218b4 rgb(226,24,180)
```
#eb0fba
```
#eb0fba rgb(235,15,186)
```
#f505bf
```
#f505bf rgb(245,5,191)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#7e5a76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a7be5 Protanopia 1% of men
#767da3 Deuteranopia 1% of men
#d15358 Tritanopia 0.001% of the population

Trichromacy

#735bd1 Protanomaly 1% of men, 0.01% of women
#995ca7 Deuteranomaly 6% of men, 0.4% of women
#d34178 Tritanomaly 0.01% of the population

#d822af hex color

#d822af Color Information

#d822af Color Conversion

Color Schemes with #d822af

Alternatives to #d822af

#d822af Preview

Shades and Tints of #d822af

Tones of #d822af

Color Blindness Simulator