#cf22cc hex color

In a RGB color space, hex #cf22cc is composed of 81.2% red, 13.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.6% magenta, 1.4% yellow and 18.8% black. It has a hue angle of 301 degrees, a saturation of 71.8% and a lightness of 47.3%. #cf22cc color hex could be obtained by blending #ff44ff with #9f0099. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 81
- G 13
- B 80
RGB color chart
- C 0
- M 84
- Y 1
- K 19
CMYK color chart

● #cf22cc color description : Strong magenta.

The hexadecimal color #cf22cc has RGB values of R:207, G:34, B:204 and CMYK values of C:0, M:0.84, Y:0.01, K:0.19. Its decimal value is 13574860.

Hex triplet	cf22cc	`#cf22cc`
RGB Decimal	207, 34, 204	`rgb(207,34,204)`
RGB Percent	81.2, 13.3, 80	`rgb(81.2%,13.3%,80%)`
CMYK	0, 84, 1, 19
HSL	301°, 71.8, 47.3	`hsl(301,71.8%,47.3%)`
HSV (or HSB)	301°, 83.6, 81.2
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.419, 79.459, -48.341
XYZ	37.203, 18.772, 58.787
xyY	0.324, 0.164, 18.772
CIE-LCH	50.419, 93.008, 328.685
CIE-LUV	50.419, 67.316, -83.327
Hunter-Lab	43.326, 77.45, -50.119
Binary	11001111, 00100010, 11001100

#cf22cc
```
#cf22cc rgb(207,34,204)
```
#22cf25
```
#22cf25 rgb(34,207,37)
```

Complementary Color

#7c22cf
```
#7c22cf rgb(124,34,207)
```
#cf22cc
```
#cf22cc rgb(207,34,204)
```
#cf2276
```
#cf2276 rgb(207,34,118)
```

Analogous Color

#22cf7c
```
#22cf7c rgb(34,207,124)
```
#cf22cc
```
#cf22cc rgb(207,34,204)
```
#76cf22
```
#76cf22 rgb(118,207,34)
```

Split Complementary Color

#22cccf
```
#22cccf rgb(34,204,207)
```
#cf22cc
```
#cf22cc rgb(207,34,204)
```
#cccf22
```
#cccf22 rgb(204,207,34)
```

Triadic Color

#2522cf
```
#2522cf rgb(37,34,207)
```
#cf22cc
```
#cf22cc rgb(207,34,204)
```
#cccf22
```
#cccf22 rgb(204,207,34)
```
#22cf25
```
#22cf25 rgb(34,207,37)
```

Tetradic Color

#8d178b
```
#8d178b rgb(141,23,139)
```
#a31ba1
```
#a31ba1 rgb(163,27,161)
```
#b91eb6
```
#b91eb6 rgb(185,30,182)
```
#cf22cc
```
#cf22cc rgb(207,34,204)
```
#dd2eda
```
#dd2eda rgb(221,46,218)
```
#e044de
```
#e044de rgb(224,68,222)
```
#e45ae1
```
#e45ae1 rgb(228,90,225)
```

Monochromatic Color

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

#a722cf
```
#a722cf rgb(167,34,207)
```
#b522cf
```
#b522cf rgb(181,34,207)
```
#c422cf
```
#c422cf rgb(196,34,207)
```
#cf22cc
```
#cf22cc rgb(207,34,204)
```
#cf22be
```
#cf22be rgb(207,34,190)
```
#cf22af
```
#cf22af rgb(207,34,175)
```
#cf22a1
```
#cf22a1 rgb(207,34,161)
```

Similar Colors

Text with hexadecimal color #cf22cc

This text has a font color of #cf22cc.

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

#cf22cc background color

This paragraph has a background color of #cf22cc.

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

#cf22cc border color

This element has a border color of #cf22cc.

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

CSS codes

.text {color:#cf22cc;}

.background {background-color:#cf22cc;}

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

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

#050105
```
#050105 rgb(5,1,5)
```
#160415
```
#160415 rgb(22,4,21)
```
#270626
```
#270626 rgb(39,6,38)
```
#370937
```
#370937 rgb(55,9,55)
```
#480c47
```
#480c47 rgb(72,12,71)
```
#590f58
```
#590f58 rgb(89,15,88)
```
#6a1168
```
#6a1168 rgb(106,17,104)
```
#7b1479
```
#7b1479 rgb(123,20,121)
```
#8c178a
```
#8c178a rgb(140,23,138)
```
#9c1a9a
```
#9c1a9a rgb(156,26,154)
```
#ad1cab
```
#ad1cab rgb(173,28,171)
```
#be1fbb
```
#be1fbb rgb(190,31,187)
```
#cf22cc
```
#cf22cc rgb(207,34,204)
```

Shade Color Variation

#dc29d9
```
#dc29d9 rgb(220,41,217)
```
#df3adc
```
#df3adc rgb(223,58,220)
```
#e14adf
```
#e14adf rgb(225,74,223)
```
#e45be2
```
#e45be2 rgb(228,91,226)
```
#e76ce5
```
#e76ce5 rgb(231,108,229)
```
#ea7de8
```
#ea7de8 rgb(234,125,232)
```
#ec8eeb
```
#ec8eeb rgb(236,142,235)
```
#ef9fee
```
#ef9fee rgb(239,159,238)
```
#f2b0f1
```
#f2b0f1 rgb(242,176,241)
```
#f5c0f4
```
#f5c0f4 rgb(245,192,244)
```
#f7d1f7
```
#f7d1f7 rgb(247,209,247)
```
#fae2fa
```
#fae2fa rgb(250,226,250)
```
#fdf3fd
```
#fdf3fd rgb(253,243,253)
```

Tint Color Variation

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

#7c757b
```
#7c757b rgb(124,117,123)
```
#856c84
```
#856c84 rgb(133,108,132)
```
#8e638d
```
#8e638d rgb(142,99,141)
```
#975a96
```
#975a96 rgb(151,90,150)
```
#a1509f
```
#a1509f rgb(161,80,159)
```
#aa47a8
```
#aa47a8 rgb(170,71,168)
```
#b33eb1
```
#b33eb1 rgb(179,62,177)
```
#bc35ba
```
#bc35ba rgb(188,53,186)
```
#c62bc3
```
#c62bc3 rgb(198,43,195)
```
#cf22cc
```
#cf22cc rgb(207,34,204)
```
#d819d5
```
#d819d5 rgb(216,25,213)
```
#e20fde
```
#e20fde rgb(226,15,222)
```
#eb06e7
```
#eb06e7 rgb(235,6,231)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7d5b7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf1 Protanopia 1% of men
#5c7ebc Deuteranopia 1% of men
#c45e64 Tritanopia 0.001% of the population

Trichromacy

#4b5ae3 Protanomaly 1% of men, 0.01% of women
#865dc2 Deuteranomaly 6% of men, 0.4% of women
#c84889 Tritanomaly 0.01% of the population

#cf22cc hex color

#cf22cc Color Information

#cf22cc Color Conversion

Color Schemes with #cf22cc

Alternatives to #cf22cc

#cf22cc Preview

Shades and Tints of #cf22cc

Tones of #cf22cc

Color Blindness Simulator