#d522af hex color

In a RGB color space, hex #d522af is composed of 83.5% red, 13.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84% magenta, 17.8% yellow and 16.5% black. It has a hue angle of 312.7 degrees, a saturation of 72.5% and a lightness of 48.4%. #d522af color hex could be obtained by blending #ff44ff with #ab005f. Closest websafe color is: #cc3399.

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

● #d522af color description : Strong magenta.

The hexadecimal color #d522af has RGB values of R:213, G:34, B:175 and CMYK values of C:0, M:0.84, Y:0.18, K:0.16. Its decimal value is 13968047.

Hex triplet	d522af	`#d522af`
RGB Decimal	213, 34, 175	`rgb(213,34,175)`
RGB Percent	83.5, 13.3, 68.6	`rgb(83.5%,13.3%,68.6%)`
CMYK	0, 84, 18, 16
HSL	312.7°, 72.5, 48.4	`hsl(312.7,72.5%,48.4%)`
HSV (or HSB)	312.7°, 84, 83.5
Web Safe	cc3399	`#cc3399`

CIE-LAB	49.964, 76.599, -32.113
XYZ	35.75, 18.388, 42.222
xyY	0.371, 0.191, 18.388
CIE-LCH	49.964, 83.058, 337.255
CIE-LUV	49.964, 83.444, -58.913
Hunter-Lab	42.882, 73.773, -28.36
Binary	11010101, 00100010, 10101111

#d522af
```
#d522af rgb(213,34,175)
```
#22d548
```
#22d548 rgb(34,213,72)
```

Complementary Color

#a222d5
```
#a222d5 rgb(162,34,213)
```
#d522af
```
#d522af rgb(213,34,175)
```
#d52256
```
#d52256 rgb(213,34,86)
```

Analogous Color

#22d5a2
```
#22d5a2 rgb(34,213,162)
```
#d522af
```
#d522af rgb(213,34,175)
```
#56d522
```
#56d522 rgb(86,213,34)
```

Split Complementary Color

#22afd5
```
#22afd5 rgb(34,175,213)
```
#d522af
```
#d522af rgb(213,34,175)
```
#afd522
```
#afd522 rgb(175,213,34)
```

Triadic Color

#4822d5
```
#4822d5 rgb(72,34,213)
```
#d522af
```
#d522af rgb(213,34,175)
```
#afd522
```
#afd522 rgb(175,213,34)
```
#22d548
```
#22d548 rgb(34,213,72)
```

Tetradic Color

#931779
```
#931779 rgb(147,23,121)
```
#a91b8b
```
#a91b8b rgb(169,27,139)
```
#bf1e9d
```
#bf1e9d rgb(191,30,157)
```
#d522af
```
#d522af rgb(213,34,175)
```
#de32ba
```
#de32ba rgb(222,50,186)
```
#e248c1
```
#e248c1 rgb(226,72,193)
```
#e55ec9
```
#e55ec9 rgb(229,94,201)
```

Monochromatic Color

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

#ce22d5
```
#ce22d5 rgb(206,34,213)
```
#d522cd
```
#d522cd rgb(213,34,205)
```
#d522be
```
#d522be rgb(213,34,190)
```
#d522af
```
#d522af rgb(213,34,175)
```
#d522a0
```
#d522a0 rgb(213,34,160)
```
#d52291
```
#d52291 rgb(213,34,145)
```
#d52282
```
#d52282 rgb(213,34,130)
```

Similar Colors

Text with hexadecimal color #d522af

This text has a font color of #d522af.

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

#d522af background color

This paragraph has a background color of #d522af.

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

#d522af border color

This element has a border color of #d522af.

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

CSS codes

.text {color:#d522af;}

.background {background-color:#d522af;}

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

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

#0a0208
```
#0a0208 rgb(10,2,8)
```
#1b0416
```
#1b0416 rgb(27,4,22)
```
#2c0724
```
#2c0724 rgb(44,7,36)
```
#3d0a32
```
#3d0a32 rgb(61,10,50)
```
#4e0c40
```
#4e0c40 rgb(78,12,64)
```
#5f0f4e
```
#5f0f4e rgb(95,15,78)
```
#70125c
```
#70125c rgb(112,18,92)
```
#80146a
```
#80146a rgb(128,20,106)
```
#911777
```
#911777 rgb(145,23,119)
```
#a21a85
```
#a21a85 rgb(162,26,133)
```
#b31d93
```
#b31d93 rgb(179,29,147)
```
#c41fa1
```
#c41fa1 rgb(196,31,161)
```
#d522af
```
#d522af rgb(213,34,175)
```

Shade Color Variation

#dd2db8
```
#dd2db8 rgb(221,45,184)
```
#e03ebe
```
#e03ebe rgb(224,62,190)
```
#e34fc3
```
#e34fc3 rgb(227,79,195)
```
#e660c9
```
#e660c9 rgb(230,96,201)
```
#e871cf
```
#e871cf rgb(232,113,207)
```
#eb82d5
```
#eb82d5 rgb(235,130,213)
```
#ee93da
```
#ee93da rgb(238,147,218)
```
#f0a4e0
```
#f0a4e0 rgb(240,164,224)
```
#f3b4e6
```
#f3b4e6 rgb(243,180,230)
```
#f6c5ec
```
#f6c5ec rgb(246,197,236)
```
#f8d6f1
```
#f8d6f1 rgb(248,214,241)
```
#fbe7f7
```
#fbe7f7 rgb(251,231,247)
```
#fef8fd
```
#fef8fd rgb(254,248,253)
```

Tint Color Variation

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

#80787e
```
#80787e rgb(128,120,126)
```
#896e83
```
#896e83 rgb(137,110,131)
```
#936589
```
#936589 rgb(147,101,137)
```
#9c5b8e
```
#9c5b8e rgb(156,91,142)
```
#a65294
```
#a65294 rgb(166,82,148)
```
#af4899
```
#af4899 rgb(175,72,153)
```
#b93f9f
```
#b93f9f rgb(185,63,159)
```
#c235a4
```
#c235a4 rgb(194,53,164)
```
#cc2caa
```
#cc2caa rgb(204,44,170)
```
#d522af
```
#d522af rgb(213,34,175)
```
#df19b4
```
#df19b4 rgb(223,25,180)
```
#e80fba
```
#e80fba rgb(232,15,186)
```
#f205bf
```
#f205bf rgb(242,5,191)
```

Tone Color Variation

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

#367ae5 Protanopia 1% of men
#737ca3 Deuteranopia 1% of men
#ce5358 Tritanopia 0.001% of the population

Trichromacy

#6f5ad1 Protanomaly 1% of men, 0.01% of women
#975ba7 Deuteranomaly 6% of men, 0.4% of women
#d04178 Tritanomaly 0.01% of the population

#d522af hex color

#d522af Color Information

#d522af Color Conversion

Color Schemes with #d522af

Alternatives to #d522af

#d522af Preview

Shades and Tints of #d522af

Tones of #d522af

Color Blindness Simulator