#d522b4 hex color

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

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

● #d522b4 color description : Strong magenta.

The hexadecimal color #d522b4 has RGB values of R:213, G:34, B:180 and CMYK values of C:0, M:0.84, Y:0.15, K:0.16. Its decimal value is 13968052.

Hex triplet	d522b4	`#d522b4`
RGB Decimal	213, 34, 180	`rgb(213,34,180)`
RGB Percent	83.5, 13.3, 70.6	`rgb(83.5%,13.3%,70.6%)`
CMYK	0, 84, 15, 16
HSL	311.1°, 72.5, 48.4	`hsl(311.1,72.5%,48.4%)`
HSV (or HSB)	311.1°, 84, 83.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.202, 77.247, -34.675
XYZ	36.251, 18.588, 44.856
xyY	0.364, 0.186, 18.588
CIE-LCH	50.202, 84.673, 335.826
CIE-LUV	50.202, 81.345, -62.832
Hunter-Lab	43.114, 74.633, -31.505
Binary	11010101, 00100010, 10110100

#d522b4
```
#d522b4 rgb(213,34,180)
```
#22d543
```
#22d543 rgb(34,213,67)
```

Complementary Color

#9d22d5
```
#9d22d5 rgb(157,34,213)
```
#d522b4
```
#d522b4 rgb(213,34,180)
```
#d5225b
```
#d5225b rgb(213,34,91)
```

Analogous Color

#22d59d
```
#22d59d rgb(34,213,157)
```
#d522b4
```
#d522b4 rgb(213,34,180)
```
#5bd522
```
#5bd522 rgb(91,213,34)
```

Split Complementary Color

#22b4d5
```
#22b4d5 rgb(34,180,213)
```
#d522b4
```
#d522b4 rgb(213,34,180)
```
#b4d522
```
#b4d522 rgb(180,213,34)
```

Triadic Color

#4322d5
```
#4322d5 rgb(67,34,213)
```
#d522b4
```
#d522b4 rgb(213,34,180)
```
#b4d522
```
#b4d522 rgb(180,213,34)
```
#22d543
```
#22d543 rgb(34,213,67)
```

Tetradic Color

#93177c
```
#93177c rgb(147,23,124)
```
#a91b8f
```
#a91b8f rgb(169,27,143)
```
#bf1ea1
```
#bf1ea1 rgb(191,30,161)
```
#d522b4
```
#d522b4 rgb(213,34,180)
```
#de32bf
```
#de32bf rgb(222,50,191)
```
#e248c5
```
#e248c5 rgb(226,72,197)
```
#e55ecc
```
#e55ecc rgb(229,94,204)
```

Monochromatic Color

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

#c922d5
```
#c922d5 rgb(201,34,213)
```
#d522d2
```
#d522d2 rgb(213,34,210)
```
#d522c3
```
#d522c3 rgb(213,34,195)
```
#d522b4
```
#d522b4 rgb(213,34,180)
```
#d522a5
```
#d522a5 rgb(213,34,165)
```
#d52296
```
#d52296 rgb(213,34,150)
```
#d52287
```
#d52287 rgb(213,34,135)
```

Similar Colors

Text with hexadecimal color #d522b4

This text has a font color of #d522b4.

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

#d522b4 background color

This paragraph has a background color of #d522b4.

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

#d522b4 border color

This element has a border color of #d522b4.

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

CSS codes

.text {color:#d522b4;}

.background {background-color:#d522b4;}

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

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)
```
#1b0417
```
#1b0417 rgb(27,4,23)
```
#2c0725
```
#2c0725 rgb(44,7,37)
```
#3d0a33
```
#3d0a33 rgb(61,10,51)
```
#4e0c42
```
#4e0c42 rgb(78,12,66)
```
#5f0f50
```
#5f0f50 rgb(95,15,80)
```
#70125e
```
#70125e rgb(112,18,94)
```
#80146d
```
#80146d rgb(128,20,109)
```
#91177b
```
#91177b rgb(145,23,123)
```
#a21a89
```
#a21a89 rgb(162,26,137)
```
#b31d97
```
#b31d97 rgb(179,29,151)
```
#c41fa6
```
#c41fa6 rgb(196,31,166)
```
#d522b4
```
#d522b4 rgb(213,34,180)
```

Shade Color Variation

#dd2dbd
```
#dd2dbd rgb(221,45,189)
```
#e03ec2
```
#e03ec2 rgb(224,62,194)
```
#e34fc8
```
#e34fc8 rgb(227,79,200)
```
#e660cd
```
#e660cd rgb(230,96,205)
```
#e871d2
```
#e871d2 rgb(232,113,210)
```
#eb82d8
```
#eb82d8 rgb(235,130,216)
```
#ee93dd
```
#ee93dd rgb(238,147,221)
```
#f0a4e2
```
#f0a4e2 rgb(240,164,226)
```
#f3b4e8
```
#f3b4e8 rgb(243,180,232)
```
#f6c5ed
```
#f6c5ed rgb(246,197,237)
```
#f8d6f2
```
#f8d6f2 rgb(248,214,242)
```
#fbe7f8
```
#fbe7f8 rgb(251,231,248)
```
#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 #f205c6 is the most saturated one.

#80787e
```
#80787e rgb(128,120,126)
```
#896e84
```
#896e84 rgb(137,110,132)
```
#93658a
```
#93658a rgb(147,101,138)
```
#9c5b90
```
#9c5b90 rgb(156,91,144)
```
#a65296
```
#a65296 rgb(166,82,150)
```
#af489c
```
#af489c rgb(175,72,156)
```
#b93fa2
```
#b93fa2 rgb(185,63,162)
```
#c235a8
```
#c235a8 rgb(194,53,168)
```
#cc2cae
```
#cc2cae rgb(204,44,174)
```
#d522b4
```
#d522b4 rgb(213,34,180)
```
#df19ba
```
#df19ba rgb(223,25,186)
```
#e80fc0
```
#e80fc0 rgb(232,15,192)
```
#f205c6
```
#f205c6 rgb(242,5,198)
```

Tone Color Variation

Below, you can see how #d522b4 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
#7e5a77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#297aeb Protanopia 1% of men
#717ca7 Deuteranopia 1% of men
#ce555a Tritanopia 0.001% of the population

Trichromacy

#685ad7 Protanomaly 1% of men, 0.01% of women
#955bac Deuteranomaly 6% of men, 0.4% of women
#d0427b Tritanomaly 0.01% of the population

#d522b4 hex color

#d522b4 Color Information

#d522b4 Color Conversion

Color Schemes with #d522b4

Alternatives to #d522b4

#d522b4 Preview

Shades and Tints of #d522b4

Tones of #d522b4

Color Blindness Simulator