#d522fc hex color

In a RGB color space, hex #d522fc is composed of 83.5% red, 13.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 86.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 289.3 degrees, a saturation of 97.3% and a lightness of 56.1%. #d522fc color hex could be obtained by blending #ff44ff with #ab00f9. Closest websafe color is: #cc33ff.

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

● #d522fc color description : Vivid magenta.

The hexadecimal color #d522fc has RGB values of R:213, G:34, B:252 and CMYK values of C:0.15, M:0.87, Y:0, K:0.01. Its decimal value is 13968124.

Hex triplet	d522fc	`#d522fc`
RGB Decimal	213, 34, 252	`rgb(213,34,252)`
RGB Percent	83.5, 13.3, 98.8	`rgb(83.5%,13.3%,98.8%)`
CMYK	15, 87, 0, 1
HSL	289.3°, 97.3, 56.1	`hsl(289.3,97.3%,56.1%)`
HSV (or HSB)	289.3°, 86.5, 98.8
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	54.366, 88.069, -69.116
XYZ	45.581, 22.321, 93.998
xyY	0.282, 0.138, 22.321
CIE-LCH	54.366, 111.951, 321.875
CIE-LUV	54.366, 54.714, -116.656
Hunter-Lab	47.245, 89.537, -84.891
Binary	11010101, 00100010, 11111100

#d522fc
```
#d522fc rgb(213,34,252)
```
#49fc22
```
#49fc22 rgb(73,252,34)
```

Complementary Color

#6822fc
```
#6822fc rgb(104,34,252)
```
#d522fc
```
#d522fc rgb(213,34,252)
```
#fc22b6
```
#fc22b6 rgb(252,34,182)
```

Analogous Color

#22fc68
```
#22fc68 rgb(34,252,104)
```
#d522fc
```
#d522fc rgb(213,34,252)
```
#b6fc22
```
#b6fc22 rgb(182,252,34)
```

Split Complementary Color

#22fcd5
```
#22fcd5 rgb(34,252,213)
```
#d522fc
```
#d522fc rgb(213,34,252)
```
#fcd522
```
#fcd522 rgb(252,213,34)
```

Triadic Color

#2249fc
```
#2249fc rgb(34,73,252)
```
#d522fc
```
#d522fc rgb(213,34,252)
```
#fcd522
```
#fcd522 rgb(252,213,34)
```
#49fc22
```
#49fc22 rgb(73,252,34)
```

Tetradic Color

#aa03cf
```
#aa03cf rgb(170,3,207)
```
#bf03e8
```
#bf03e8 rgb(191,3,232)
```
#d009fc
```
#d009fc rgb(208,9,252)
```
#d522fc
```
#d522fc rgb(213,34,252)
```
#da3bfc
```
#da3bfc rgb(218,59,252)
```
#df54fd
```
#df54fd rgb(223,84,253)
```
#e36dfd
```
#e36dfd rgb(227,109,253)
```

Monochromatic Color

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

#9f22fc
```
#9f22fc rgb(159,34,252)
```
#b122fc
```
#b122fc rgb(177,34,252)
```
#c322fc
```
#c322fc rgb(195,34,252)
```
#d522fc
```
#d522fc rgb(213,34,252)
```
#e722fc
```
#e722fc rgb(231,34,252)
```
#f922fc
```
#f922fc rgb(249,34,252)
```
#fc22ed
```
#fc22ed rgb(252,34,237)
```

Similar Colors

Text with hexadecimal color #d522fc

This text has a font color of #d522fc.

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

#d522fc background color

This paragraph has a background color of #d522fc.

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

#d522fc border color

This element has a border color of #d522fc.

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

CSS codes

.text {color:#d522fc;}

.background {background-color:#d522fc;}

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

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, #09000b is the darkest color, while #fdf7ff is the lightest one.

#09000b
```
#09000b rgb(9,0,11)
```
#19001f
```
#19001f rgb(25,0,31)
```
#290132
```
#290132 rgb(41,1,50)
```
#390145
```
#390145 rgb(57,1,69)
```
#490159
```
#490159 rgb(73,1,89)
```
#59016c
```
#59016c rgb(89,1,108)
```
#69027f
```
#69027f rgb(105,2,127)
```
#790293
```
#790293 rgb(121,2,147)
```
#8902a6
```
#8902a6 rgb(137,2,166)
```
#9903b9
```
#9903b9 rgb(153,3,185)
```
#a903cd
```
#a903cd rgb(169,3,205)
```
#b903e0
```
#b903e0 rgb(185,3,224)
```
#c903f3
```
#c903f3 rgb(201,3,243)
```

Shade Color Variation

#d10ffc
```
#d10ffc rgb(209,15,252)
```
#d522fc
```
#d522fc rgb(213,34,252)
```
#d935fc
```
#d935fc rgb(217,53,252)
```
#dc49fd
```
#dc49fd rgb(220,73,253)
```
#e05cfd
```
#e05cfd rgb(224,92,253)
```
#e46ffd
```
#e46ffd rgb(228,111,253)
```
#e783fd
```
#e783fd rgb(231,131,253)
```
#eb96fe
```
#eb96fe rgb(235,150,254)
```
#efa9fe
```
#efa9fe rgb(239,169,254)
```
#f2bdfe
```
#f2bdfe rgb(242,189,254)
```
#f6d0fe
```
#f6d0fe rgb(246,208,254)
```
#fae4ff
```
#fae4ff rgb(250,228,255)
```
#fdf7ff
```
#fdf7ff rgb(253,247,255)
```

Tint Color Variation

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

#938995
```
#938995 rgb(147,137,149)
```
#98819d
```
#98819d rgb(152,129,157)
```
#9e78a6
```
#9e78a6 rgb(158,120,166)
```
#a370ae
```
#a370ae rgb(163,112,174)
```
#a967b7
```
#a967b7 rgb(169,103,183)
```
#ae5ec0
```
#ae5ec0 rgb(174,94,192)
```
#b456c8
```
#b456c8 rgb(180,86,200)
```
#b94dd1
```
#b94dd1 rgb(185,77,209)
```
#bf44da
```
#bf44da rgb(191,68,218)
```
#c43ce2
```
#c43ce2 rgb(196,60,226)
```
#ca33eb
```
#ca33eb rgb(202,51,235)
```
#cf2bf3
```
#cf2bf3 rgb(207,43,243)
```
#d522fc
```
#d522fc rgb(213,34,252)
```

Tone Color Variation

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

#2384ff Protanopia 1% of men
#238ae5 Deuteranopia 1% of men
#c27077 Tritanopia 0.001% of the population

Trichromacy

#6360fd Protanomaly 1% of men, 0.01% of women
#6364ed Deuteranomaly 6% of men, 0.4% of women
#c953a7 Tritanomaly 0.01% of the population

#d522fc hex color

#d522fc Color Information

#d522fc Color Conversion

Color Schemes with #d522fc

Alternatives to #d522fc

#d522fc Preview

Shades and Tints of #d522fc

Tones of #d522fc

Color Blindness Simulator