#d522fa hex color

In a RGB color space, hex #d522fa is composed of 83.5% red, 13.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 14.8% cyan, 86.4% magenta, 0% yellow and 2% black. It has a hue angle of 289.7 degrees, a saturation of 95.6% and a lightness of 55.7%. #d522fa color hex could be obtained by blending #ff44ff with #ab00f5. Closest websafe color is: #cc33ff.

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

● #d522fa color description : Vivid magenta.

The hexadecimal color #d522fa has RGB values of R:213, G:34, B:250 and CMYK values of C:0.15, M:0.86, Y:0, K:0.02. Its decimal value is 13968122.

Hex triplet	d522fa	`#d522fa`
RGB Decimal	213, 34, 250	`rgb(213,34,250)`
RGB Percent	83.5, 13.3, 98	`rgb(83.5%,13.3%,98%)`
CMYK	15, 86, 0, 2
HSL	289.7°, 95.6, 55.7	`hsl(289.7,95.6%,55.7%)`
HSV (or HSB)	289.7°, 86.4, 98
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	54.233, 87.736, -68.217
XYZ	45.266, 22.195, 92.337
xyY	0.283, 0.139, 22.195
CIE-LCH	54.233, 111.136, 322.134
CIE-LUV	54.233, 55.353, -115.246
Hunter-Lab	47.111, 89.065, -83.229
Binary	11010101, 00100010, 11111010

#d522fa
```
#d522fa rgb(213,34,250)
```
#47fa22
```
#47fa22 rgb(71,250,34)
```

Complementary Color

#6922fa
```
#6922fa rgb(105,34,250)
```
#d522fa
```
#d522fa rgb(213,34,250)
```
#fa22b3
```
#fa22b3 rgb(250,34,179)
```

Analogous Color

#22fa69
```
#22fa69 rgb(34,250,105)
```
#d522fa
```
#d522fa rgb(213,34,250)
```
#b3fa22
```
#b3fa22 rgb(179,250,34)
```

Split Complementary Color

#22fad5
```
#22fad5 rgb(34,250,213)
```
#d522fa
```
#d522fa rgb(213,34,250)
```
#fad522
```
#fad522 rgb(250,213,34)
```

Triadic Color

#2247fa
```
#2247fa rgb(34,71,250)
```
#d522fa
```
#d522fa rgb(213,34,250)
```
#fad522
```
#fad522 rgb(250,213,34)
```
#47fa22
```
#47fa22 rgb(71,250,34)
```

Tetradic Color

#a905cb
```
#a905cb rgb(169,5,203)
```
#be05e4
```
#be05e4 rgb(190,5,228)
```
#d009f9
```
#d009f9 rgb(208,9,249)
```
#d522fa
```
#d522fa rgb(213,34,250)
```
#da3bfb
```
#da3bfb rgb(218,59,251)
```
#de54fb
```
#de54fb rgb(222,84,251)
```
#e36dfc
```
#e36dfc rgb(227,109,252)
```

Monochromatic Color

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

#9f22fa
```
#9f22fa rgb(159,34,250)
```
#b122fa
```
#b122fa rgb(177,34,250)
```
#c322fa
```
#c322fa rgb(195,34,250)
```
#d522fa
```
#d522fa rgb(213,34,250)
```
#e722fa
```
#e722fa rgb(231,34,250)
```
#f922fa
```
#f922fa rgb(249,34,250)
```
#fa22e9
```
#fa22e9 rgb(250,34,233)
```

Similar Colors

Text with hexadecimal color #d522fa

This text has a font color of #d522fa.

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

#d522fa background color

This paragraph has a background color of #d522fa.

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

#d522fa border color

This element has a border color of #d522fa.

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

CSS codes

.text {color:#d522fa;}

.background {background-color:#d522fa;}

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

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, #080009 is the darkest color, while #fdf5ff is the lightest one.

#080009
```
#080009 rgb(8,0,9)
```
#18011c
```
#18011c rgb(24,1,28)
```
#280130
```
#280130 rgb(40,1,48)
```
#380243
```
#380243 rgb(56,2,67)
```
#480256
```
#480256 rgb(72,2,86)
```
#570269
```
#570269 rgb(87,2,105)
```
#67037c
```
#67037c rgb(103,3,124)
```
#77038f
```
#77038f rgb(119,3,143)
```
#8704a3
```
#8704a3 rgb(135,4,163)
```
#9704b6
```
#9704b6 rgb(151,4,182)
```
#a705c9
```
#a705c9 rgb(167,5,201)
```
#b705dc
```
#b705dc rgb(183,5,220)
```
#c705ef
```
#c705ef rgb(199,5,239)
```

Shade Color Variation

#d10ffa
```
#d10ffa rgb(209,15,250)
```
#d522fa
```
#d522fa rgb(213,34,250)
```
#d935fa
```
#d935fa rgb(217,53,250)
```
#dc48fb
```
#dc48fb rgb(220,72,251)
```
#e05cfb
```
#e05cfb rgb(224,92,251)
```
#e46ffc
```
#e46ffc rgb(228,111,252)
```
#e782fc
```
#e782fc rgb(231,130,252)
```
#eb95fd
```
#eb95fd rgb(235,149,253)
```
#efa8fd
```
#efa8fd rgb(239,168,253)
```
#f2bbfd
```
#f2bbfd rgb(242,187,253)
```
#f6cffe
```
#f6cffe rgb(246,207,254)
```
#f9e2fe
```
#f9e2fe rgb(249,226,254)
```
#fdf5ff
```
#fdf5ff rgb(253,245,255)
```

Tint Color Variation

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

#908a92
```
#908a92 rgb(144,138,146)
```
#96829a
```
#96829a rgb(150,130,154)
```
#9c79a3
```
#9c79a3 rgb(156,121,163)
```
#a270ac
```
#a270ac rgb(162,112,172)
```
#a768b4
```
#a768b4 rgb(167,104,180)
```
#ad5fbd
```
#ad5fbd rgb(173,95,189)
```
#b356c6
```
#b356c6 rgb(179,86,198)
```
#b84dcf
```
#b84dcf rgb(184,77,207)
```
#be45d7
```
#be45d7 rgb(190,69,215)
```
#c43ce0
```
#c43ce0 rgb(196,60,224)
```
#ca33e9
```
#ca33e9 rgb(202,51,233)
```
#cf2bf1
```
#cf2bf1 rgb(207,43,241)
```
#d522fa
```
#d522fa rgb(213,34,250)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#84608c Atypical Achromatopsia 0.001% of the population

Dichromacy

#2084ff Protanopia 1% of men
#298ae3 Deuteranopia 1% of men
#c36f77 Tritanopia 0.001% of the population

Trichromacy

#6260fd Protanomaly 1% of men, 0.01% of women
#6864eb Deuteranomaly 6% of men, 0.4% of women
#c953a6 Tritanomaly 0.01% of the population

#d522fa hex color

#d522fa Color Information

#d522fa Color Conversion

Color Schemes with #d522fa

Alternatives to #d522fa

#d522fa Preview

Shades and Tints of #d522fa

Tones of #d522fa

Color Blindness Simulator