#cd22ff hex color

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

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

● #cd22ff color description : Vivid magenta.

The hexadecimal color #cd22ff has RGB values of R:205, G:34, B:255 and CMYK values of C:0.2, M:0.87, Y:0, K:0. Its decimal value is 13443839.

Hex triplet	cd22ff	`#cd22ff`
RGB Decimal	205, 34, 255	`rgb(205,34,255)`
RGB Percent	80.4, 13.3, 100	`rgb(80.4%,13.3%,100%)`
CMYK	20, 87, 0, 0
HSL	286.4°, 100, 56.7	`hsl(286.4,100%,56.7%)`
HSV (or HSB)	286.4°, 86.7, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.325, 87.378, -72.529
XYZ	43.797, 21.345, 96.415
xyY	0.271, 0.132, 21.345
CIE-LCH	53.325, 113.557, 320.305
CIE-LUV	53.325, 48.769, -120.791
Hunter-Lab	46.201, 88.36, -91.39
Binary	11001101, 00100010, 11111111

#cd22ff
```
#cd22ff rgb(205,34,255)
```
#54ff22
```
#54ff22 rgb(84,255,34)
```

Complementary Color

#5f22ff
```
#5f22ff rgb(95,34,255)
```
#cd22ff
```
#cd22ff rgb(205,34,255)
```
#ff22c3
```
#ff22c3 rgb(255,34,195)
```

Analogous Color

#22ff5f
```
#22ff5f rgb(34,255,95)
```
#cd22ff
```
#cd22ff rgb(205,34,255)
```
#c3ff22
```
#c3ff22 rgb(195,255,34)
```

Split Complementary Color

#22ffcd
```
#22ffcd rgb(34,255,205)
```
#cd22ff
```
#cd22ff rgb(205,34,255)
```
#ffcd22
```
#ffcd22 rgb(255,205,34)
```

Triadic Color

#2254ff
```
#2254ff rgb(34,84,255)
```
#cd22ff
```
#cd22ff rgb(205,34,255)
```
#ffcd22
```
#ffcd22 rgb(255,205,34)
```
#54ff22
```
#54ff22 rgb(84,255,34)
```

Tetradic Color

#a400d5
```
#a400d5 rgb(164,0,213)
```
#b800ee
```
#b800ee rgb(184,0,238)
```
#c708ff
```
#c708ff rgb(199,8,255)
```
#cd22ff
```
#cd22ff rgb(205,34,255)
```
#d33cff
```
#d33cff rgb(211,60,255)
```
#d955ff
```
#d955ff rgb(217,85,255)
```
#de6fff
```
#de6fff rgb(222,111,255)
```

Monochromatic Color

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

#9622ff
```
#9622ff rgb(150,34,255)
```
#a822ff
```
#a822ff rgb(168,34,255)
```
#bb22ff
```
#bb22ff rgb(187,34,255)
```
#cd22ff
```
#cd22ff rgb(205,34,255)
```
#df22ff
```
#df22ff rgb(223,34,255)
```
#f222ff
```
#f222ff rgb(242,34,255)
```
#ff22fa
```
#ff22fa rgb(255,34,250)
```

Similar Colors

Text with hexadecimal color #cd22ff

This text has a font color of #cd22ff.

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

#cd22ff background color

This paragraph has a background color of #cd22ff.

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

#cd22ff border color

This element has a border color of #cd22ff.

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

CSS codes

.text {color:#cd22ff;}

.background {background-color:#cd22ff;}

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

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

#0b000e
```
#0b000e rgb(11,0,14)
```
#1a0022
```
#1a0022 rgb(26,0,34)
```
#290036
```
#290036 rgb(41,0,54)
```
#390049
```
#390049 rgb(57,0,73)
```
#48005d
```
#48005d rgb(72,0,93)
```
#570070
```
#570070 rgb(87,0,112)
```
#660084
```
#660084 rgb(102,0,132)
```
#750098
```
#750098 rgb(117,0,152)
```
#8500ab
```
#8500ab rgb(133,0,171)
```
#9400bf
```
#9400bf rgb(148,0,191)
```
#a300d3
```
#a300d3 rgb(163,0,211)
```
#b200e6
```
#b200e6 rgb(178,0,230)
```
#c100fa
```
#c100fa rgb(193,0,250)
```

Shade Color Variation

#c90eff
```
#c90eff rgb(201,14,255)
```
#cd22ff
```
#cd22ff rgb(205,34,255)
```
#d136ff
```
#d136ff rgb(209,54,255)
```
#d649ff
```
#d649ff rgb(214,73,255)
```
#da5dff
```
#da5dff rgb(218,93,255)
```
#df70ff
```
#df70ff rgb(223,112,255)
```
#e384ff
```
#e384ff rgb(227,132,255)
```
#e898ff
```
#e898ff rgb(232,152,255)
```
#ecabff
```
#ecabff rgb(236,171,255)
```
#f1bfff
```
#f1bfff rgb(241,191,255)
```
#f5d3ff
```
#f5d3ff rgb(245,211,255)
```
#f9e6ff
```
#f9e6ff rgb(249,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, #958899 is the less saturated color, while #cd22ff is the most saturated one.

#958899
```
#958899 rgb(149,136,153)
```
#9a80a2
```
#9a80a2 rgb(154,128,162)
```
#9e77aa
```
#9e77aa rgb(158,119,170)
```
#a36fb3
```
#a36fb3 rgb(163,111,179)
```
#a866bb
```
#a866bb rgb(168,102,187)
```
#ac5ec4
```
#ac5ec4 rgb(172,94,196)
```
#b155cc
```
#b155cc rgb(177,85,204)
```
#b64dd5
```
#b64dd5 rgb(182,77,213)
```
#ba44dd
```
#ba44dd rgb(186,68,221)
```
#bf3ce6
```
#bf3ce6 rgb(191,60,230)
```
#c433ee
```
#c433ee rgb(196,51,238)
```
#c82bf7
```
#c82bf7 rgb(200,43,247)
```
#cd22ff
```
#cd22ff rgb(205,34,255)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#815f8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0082fd Protanopia 1% of men
#0088e2 Deuteranopia 1% of men
#b97179 Tritanopia 0.001% of the population

Trichromacy

#4a5ffd Protanomaly 1% of men, 0.01% of women
#4a63ec Deuteranomaly 6% of men, 0.4% of women
#c054a9 Tritanomaly 0.01% of the population

#cd22ff hex color

#cd22ff Color Information

#cd22ff Color Conversion

Color Schemes with #cd22ff

Alternatives to #cd22ff

#cd22ff Preview

Shades and Tints of #cd22ff

Tones of #cd22ff

Color Blindness Simulator