#d522ff hex color

In a RGB color space, hex #d522ff is composed of 83.5% red, 13.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 86.7% magenta, 0% yellow and 0% black. It has a hue angle of 288.6 degrees, a saturation of 100% and a lightness of 56.7%. #d522ff color hex could be obtained by blending #ff44ff with #ab00ff. Closest websafe color is: #cc33ff.

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

● #d522ff color description : Vivid magenta.

The hexadecimal color #d522ff has RGB values of R:213, G:34, B:255 and CMYK values of C:0.16, M:0.87, Y:0, K:0. Its decimal value is 13968127.

Hex triplet	d522ff	`#d522ff`
RGB Decimal	213, 34, 255	`rgb(213,34,255)`
RGB Percent	83.5, 13.3, 100	`rgb(83.5%,13.3%,100%)`
CMYK	16, 87, 0, 0
HSL	288.6°, 100, 56.7	`hsl(288.6,100%,56.7%)`
HSV (or HSB)	288.6°, 86.7, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	54.567, 88.57, -70.459
XYZ	46.061, 22.512, 96.521
xyY	0.279, 0.136, 22.512
CIE-LCH	54.567, 113.177, 321.497
CIE-LUV	54.567, 53.767, -118.76
Hunter-Lab	47.447, 90.251, -87.4
Binary	11010101, 00100010, 11111111

#d522ff
```
#d522ff rgb(213,34,255)
```
#4cff22
```
#4cff22 rgb(76,255,34)
```

Complementary Color

#6722ff
```
#6722ff rgb(103,34,255)
```
#d522ff
```
#d522ff rgb(213,34,255)
```
#ff22bb
```
#ff22bb rgb(255,34,187)
```

Analogous Color

#22ff67
```
#22ff67 rgb(34,255,103)
```
#d522ff
```
#d522ff rgb(213,34,255)
```
#bbff22
```
#bbff22 rgb(187,255,34)
```

Split Complementary Color

#22ffd5
```
#22ffd5 rgb(34,255,213)
```
#d522ff
```
#d522ff rgb(213,34,255)
```
#ffd522
```
#ffd522 rgb(255,213,34)
```

Triadic Color

#224cff
```
#224cff rgb(34,76,255)
```
#d522ff
```
#d522ff rgb(213,34,255)
```
#ffd522
```
#ffd522 rgb(255,213,34)
```
#4cff22
```
#4cff22 rgb(76,255,34)
```

Tetradic Color

#ac00d5
```
#ac00d5 rgb(172,0,213)
```
#c100ee
```
#c100ee rgb(193,0,238)
```
#d008ff
```
#d008ff rgb(208,8,255)
```
#d522ff
```
#d522ff rgb(213,34,255)
```
#da3cff
```
#da3cff rgb(218,60,255)
```
#df55ff
```
#df55ff rgb(223,85,255)
```
#e46fff
```
#e46fff rgb(228,111,255)
```

Monochromatic Color

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

#9e22ff
```
#9e22ff rgb(158,34,255)
```
#b022ff
```
#b022ff rgb(176,34,255)
```
#c322ff
```
#c322ff rgb(195,34,255)
```
#d522ff
```
#d522ff rgb(213,34,255)
```
#e722ff
```
#e722ff rgb(231,34,255)
```
#fa22ff
```
#fa22ff rgb(250,34,255)
```
#ff22f2
```
#ff22f2 rgb(255,34,242)
```

Similar Colors

Text with hexadecimal color #d522ff

This text has a font color of #d522ff.

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

#d522ff background color

This paragraph has a background color of #d522ff.

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

#d522ff border color

This element has a border color of #d522ff.

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

CSS codes

.text {color:#d522ff;}

.background {background-color:#d522ff;}

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

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

#0c000e
```
#0c000e rgb(12,0,14)
```
#1c0022
```
#1c0022 rgb(28,0,34)
```
#2b0036
```
#2b0036 rgb(43,0,54)
```
#3b0049
```
#3b0049 rgb(59,0,73)
```
#4b005d
```
#4b005d rgb(75,0,93)
```
#5b0070
```
#5b0070 rgb(91,0,112)
```
#6b0084
```
#6b0084 rgb(107,0,132)
```
#7b0098
```
#7b0098 rgb(123,0,152)
```
#8b00ab
```
#8b00ab rgb(139,0,171)
```
#9b00bf
```
#9b00bf rgb(155,0,191)
```
#ab00d3
```
#ab00d3 rgb(171,0,211)
```
#ba00e6
```
#ba00e6 rgb(186,0,230)
```
#ca00fa
```
#ca00fa rgb(202,0,250)
```

Shade Color Variation

#d10eff
```
#d10eff rgb(209,14,255)
```
#d522ff
```
#d522ff rgb(213,34,255)
```
#d936ff
```
#d936ff rgb(217,54,255)
```
#dc49ff
```
#dc49ff rgb(220,73,255)
```
#e05dff
```
#e05dff rgb(224,93,255)
```
#e470ff
```
#e470ff rgb(228,112,255)
```
#e884ff
```
#e884ff rgb(232,132,255)
```
#eb98ff
```
#eb98ff rgb(235,152,255)
```
#efabff
```
#efabff rgb(239,171,255)
```
#f3bfff
```
#f3bfff rgb(243,191,255)
```
#f7d3ff
```
#f7d3ff rgb(247,211,255)
```
#fae6ff
```
#fae6ff rgb(250,230,255)
```
#fefaff
```
#fefaff rgb(254,250,255)
```

Tint Color Variation

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

#968899
```
#968899 rgb(150,136,153)
```
#9b80a2
```
#9b80a2 rgb(155,128,162)
```
#a077aa
```
#a077aa rgb(160,119,170)
```
#a66fb3
```
#a66fb3 rgb(166,111,179)
```
#ab66bb
```
#ab66bb rgb(171,102,187)
```
#b05ec4
```
#b05ec4 rgb(176,94,196)
```
#b555cc
```
#b555cc rgb(181,85,204)
```
#bb4dd5
```
#bb4dd5 rgb(187,77,213)
```
#c044dd
```
#c044dd rgb(192,68,221)
```
#c53ce6
```
#c53ce6 rgb(197,60,230)
```
#ca33ee
```
#ca33ee rgb(202,51,238)
```
#d02bf7
```
#d02bf7 rgb(208,43,247)
```
#d522ff
```
#d522ff rgb(213,34,255)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#85618d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2785ff Protanopia 1% of men
#128be8 Deuteranopia 1% of men
#c27179 Tritanopia 0.001% of the population

Trichromacy

#6661ff Protanomaly 1% of men, 0.01% of women
#5964f0 Deuteranomaly 6% of men, 0.4% of women
#c854a9 Tritanomaly 0.01% of the population

#d522ff hex color

#d522ff Color Information

#d522ff Color Conversion

Color Schemes with #d522ff

Alternatives to #d522ff

#d522ff Preview

Shades and Tints of #d522ff

Tones of #d522ff

Color Blindness Simulator