#d22af0 hex color

In a RGB color space, hex #d22af0 is composed of 82.4% red, 16.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 82.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 290.9 degrees, a saturation of 86.8% and a lightness of 55.3%. #d22af0 color hex could be obtained by blending #ff54ff with #a500e1. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 82
- G 16
- B 94
RGB color chart
- C 13
- M 83
- Y 0
- K 6
CMYK color chart

● #d22af0 color description : Bright magenta.

The hexadecimal color #d22af0 has RGB values of R:210, G:42, B:240 and CMYK values of C:0.13, M:0.83, Y:0, K:0.06. Its decimal value is 13773552.

Hex triplet	d22af0	`#d22af0`
RGB Decimal	210, 42, 240	`rgb(210,42,240)`
RGB Percent	82.4, 16.5, 94.1	`rgb(82.4%,16.5%,94.1%)`
CMYK	13, 83, 0, 6
HSL	290.9°, 86.8, 55.3	`hsl(290.9,86.8%,55.3%)`
HSV (or HSB)	290.9°, 82.5, 94.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.655, 83.995, -63.583
XYZ	43.133, 21.651, 84.34
xyY	0.289, 0.145, 21.651
CIE-LCH	53.655, 105.347, 322.875
CIE-LUV	53.655, 55.818, -107.774
Hunter-Lab	46.531, 84.036, -74.896
Binary	11010010, 00101010, 11110000

#d22af0
```
#d22af0 rgb(210,42,240)
```
#48f02a
```
#48f02a rgb(72,240,42)
```

Complementary Color

#6f2af0
```
#6f2af0 rgb(111,42,240)
```
#d22af0
```
#d22af0 rgb(210,42,240)
```
#f02aab
```
#f02aab rgb(240,42,171)
```

Analogous Color

#2af06f
```
#2af06f rgb(42,240,111)
```
#d22af0
```
#d22af0 rgb(210,42,240)
```
#abf02a
```
#abf02a rgb(171,240,42)
```

Split Complementary Color

#2af0d2
```
#2af0d2 rgb(42,240,210)
```
#d22af0
```
#d22af0 rgb(210,42,240)
```
#f0d22a
```
#f0d22a rgb(240,210,42)
```

Triadic Color

#2a48f0
```
#2a48f0 rgb(42,72,240)
```
#d22af0
```
#d22af0 rgb(210,42,240)
```
#f0d22a
```
#f0d22a rgb(240,210,42)
```
#48f02a
```
#48f02a rgb(72,240,42)
```

Tetradic Color

#a50ec0
```
#a50ec0 rgb(165,14,192)
```
#b90fd8
```
#b90fd8 rgb(185,15,216)
```
#cd12ee
```
#cd12ee rgb(205,18,238)
```
#d22af0
```
#d22af0 rgb(210,42,240)
```
#d742f2
```
#d742f2 rgb(215,66,242)
```
#dc5af3
```
#dc5af3 rgb(220,90,243)
```
#e171f5
```
#e171f5 rgb(225,113,245)
```

Monochromatic Color

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

#a12af0
```
#a12af0 rgb(161,42,240)
```
#b12af0
```
#b12af0 rgb(177,42,240)
```
#c22af0
```
#c22af0 rgb(194,42,240)
```
#d22af0
```
#d22af0 rgb(210,42,240)
```
#e32af0
```
#e32af0 rgb(227,42,240)
```
#f02aed
```
#f02aed rgb(240,42,237)
```
#f02add
```
#f02add rgb(240,42,221)
```

Similar Colors

Text with hexadecimal color #d22af0

This text has a font color of #d22af0.

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

#d22af0 background color

This paragraph has a background color of #d22af0.

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

#d22af0 border color

This element has a border color of #d22af0.

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

CSS codes

.text {color:#d22af0;}

.background {background-color:#d22af0;}

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

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

#060007
```
#060007 rgb(6,0,7)
```
#160219
```
#160219 rgb(22,2,25)
```
#25032c
```
#25032c rgb(37,3,44)
```
#35043e
```
#35043e rgb(53,4,62)
```
#450650
```
#450650 rgb(69,6,80)
```
#550763
```
#550763 rgb(85,7,99)
```
#640875
```
#640875 rgb(100,8,117)
```
#740a87
```
#740a87 rgb(116,10,135)
```
#840b99
```
#840b99 rgb(132,11,153)
```
#940cac
```
#940cac rgb(148,12,172)
```
#a30dbe
```
#a30dbe rgb(163,13,190)
```
#b30fd0
```
#b30fd0 rgb(179,15,208)
```
#c310e3
```
#c310e3 rgb(195,16,227)
```

Shade Color Variation

#ce18ef
```
#ce18ef rgb(206,24,239)
```
#d22af0
```
#d22af0 rgb(210,42,240)
```
#d63cf1
```
#d63cf1 rgb(214,60,241)
```
#da4ff3
```
#da4ff3 rgb(218,79,243)
```
#de61f4
```
#de61f4 rgb(222,97,244)
```
#e173f5
```
#e173f5 rgb(225,115,245)
```
#e586f6
```
#e586f6 rgb(229,134,246)
```
#e998f8
```
#e998f8 rgb(233,152,248)
```
#edaaf9
```
#edaaf9 rgb(237,170,249)
```
#f1bdfa
```
#f1bdfa rgb(241,189,250)
```
#f5cffc
```
#f5cffc rgb(245,207,252)
```
#f9e1fd
```
#f9e1fd rgb(249,225,253)
```
#fdf4fe
```
#fdf4fe rgb(253,244,254)
```

Tint Color Variation

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

#8f8a90
```
#8f8a90 rgb(143,138,144)
```
#958298
```
#958298 rgb(149,130,152)
```
#9b79a1
```
#9b79a1 rgb(155,121,161)
```
#a170aa
```
#a170aa rgb(161,112,170)
```
#a767b3
```
#a767b3 rgb(167,103,179)
```
#ad5fbb
```
#ad5fbb rgb(173,95,187)
```
#b356c4
```
#b356c4 rgb(179,86,196)
```
#ba4dcd
```
#ba4dcd rgb(186,77,205)
```
#c044d6
```
#c044d6 rgb(192,68,214)
```
#c63cde
```
#c63cde rgb(198,60,222)
```
#cc33e7
```
#cc33e7 rgb(204,51,231)
```
#d22af0
```
#d22af0 rgb(210,42,240)
```
#d821f9
```
#d821f9 rgb(216,33,249)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#86648c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0c82ff Protanopia 1% of men
#3d88db Deuteranopia 1% of men
#c16d75 Tritanopia 0.001% of the population

Trichromacy

#5462f9 Protanomaly 1% of men, 0.01% of women
#7365e3 Deuteranomaly 6% of men, 0.4% of women
#c755a1 Tritanomaly 0.01% of the population

#d22af0 hex color

#d22af0 Color Information

#d22af0 Color Conversion

Color Schemes with #d22af0

Alternatives to #d22af0

#d22af0 Preview

Shades and Tints of #d22af0

Tones of #d22af0

Color Blindness Simulator