#cf22a5 hex color

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

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

● #cf22a5 color description : Strong magenta.

The hexadecimal color #cf22a5 has RGB values of R:207, G:34, B:165 and CMYK values of C:0, M:0.84, Y:0.2, K:0.19. Its decimal value is 13574821.

Hex triplet	cf22a5	`#cf22a5`
RGB Decimal	207, 34, 165	`rgb(207,34,165)`
RGB Percent	81.2, 13.3, 64.7	`rgb(81.2%,13.3%,64.7%)`
CMYK	0, 84, 20, 19
HSL	314.6°, 71.8, 47.3	`hsl(314.6,71.8%,47.3%)`
HSV (or HSB)	314.6°, 83.6, 81.2
Web Safe	cc3399	`#cc3399`

CIE-LAB	48.422, 74.08, -28.692
XYZ	33.096, 17.129, 37.159
xyY	0.379, 0.196, 17.129
CIE-LCH	48.422, 79.442, 338.828
CIE-LUV	48.422, 83.015, -53.116
Hunter-Lab	41.387, 70.312, -24.261
Binary	11001111, 00100010, 10100101

#cf22a5
```
#cf22a5 rgb(207,34,165)
```
#22cf4c
```
#22cf4c rgb(34,207,76)
```

Complementary Color

#a322cf
```
#a322cf rgb(163,34,207)
```
#cf22a5
```
#cf22a5 rgb(207,34,165)
```
#cf224e
```
#cf224e rgb(207,34,78)
```

Analogous Color

#22cfa3
```
#22cfa3 rgb(34,207,163)
```
#cf22a5
```
#cf22a5 rgb(207,34,165)
```
#4ecf22
```
#4ecf22 rgb(78,207,34)
```

Split Complementary Color

#22a5cf
```
#22a5cf rgb(34,165,207)
```
#cf22a5
```
#cf22a5 rgb(207,34,165)
```
#a5cf22
```
#a5cf22 rgb(165,207,34)
```

Triadic Color

#4c22cf
```
#4c22cf rgb(76,34,207)
```
#cf22a5
```
#cf22a5 rgb(207,34,165)
```
#a5cf22
```
#a5cf22 rgb(165,207,34)
```
#22cf4c
```
#22cf4c rgb(34,207,76)
```

Tetradic Color

#8d1771
```
#8d1771 rgb(141,23,113)
```
#a31b82
```
#a31b82 rgb(163,27,130)
```
#b91e94
```
#b91e94 rgb(185,30,148)
```
#cf22a5
```
#cf22a5 rgb(207,34,165)
```
#dd2eb2
```
#dd2eb2 rgb(221,46,178)
```
#e044ba
```
#e044ba rgb(224,68,186)
```
#e45ac2
```
#e45ac2 rgb(228,90,194)
```

Monochromatic Color

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

#ce22cf
```
#ce22cf rgb(206,34,207)
```
#cf22c2
```
#cf22c2 rgb(207,34,194)
```
#cf22b3
```
#cf22b3 rgb(207,34,179)
```
#cf22a5
```
#cf22a5 rgb(207,34,165)
```
#cf2297
```
#cf2297 rgb(207,34,151)
```
#cf2288
```
#cf2288 rgb(207,34,136)
```
#cf227a
```
#cf227a rgb(207,34,122)
```

Similar Colors

Text with hexadecimal color #cf22a5

This text has a font color of #cf22a5.

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

#cf22a5 background color

This paragraph has a background color of #cf22a5.

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

#cf22a5 border color

This element has a border color of #cf22a5.

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

CSS codes

.text {color:#cf22a5;}

.background {background-color:#cf22a5;}

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

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

#050104
```
#050104 rgb(5,1,4)
```
#160411
```
#160411 rgb(22,4,17)
```
#27061f
```
#27061f rgb(39,6,31)
```
#37092c
```
#37092c rgb(55,9,44)
```
#480c3a
```
#480c3a rgb(72,12,58)
```
#590f47
```
#590f47 rgb(89,15,71)
```
#6a1154
```
#6a1154 rgb(106,17,84)
```
#7b1462
```
#7b1462 rgb(123,20,98)
```
#8c176f
```
#8c176f rgb(140,23,111)
```
#9c1a7d
```
#9c1a7d rgb(156,26,125)
```
#ad1c8a
```
#ad1c8a rgb(173,28,138)
```
#be1f98
```
#be1f98 rgb(190,31,152)
```
#cf22a5
```
#cf22a5 rgb(207,34,165)
```

Shade Color Variation

#dc29b0
```
#dc29b0 rgb(220,41,176)
```
#df3ab7
```
#df3ab7 rgb(223,58,183)
```
#e14abd
```
#e14abd rgb(225,74,189)
```
#e45bc3
```
#e45bc3 rgb(228,91,195)
```
#e76cc9
```
#e76cc9 rgb(231,108,201)
```
#ea7dcf
```
#ea7dcf rgb(234,125,207)
```
#ec8ed5
```
#ec8ed5 rgb(236,142,213)
```
#ef9fdc
```
#ef9fdc rgb(239,159,220)
```
#f2b0e2
```
#f2b0e2 rgb(242,176,226)
```
#f5c0e8
```
#f5c0e8 rgb(245,192,232)
```
#f7d1ee
```
#f7d1ee rgb(247,209,238)
```
#fae2f4
```
#fae2f4 rgb(250,226,244)
```
#fdf3fb
```
#fdf3fb rgb(253,243,251)
```

Tint Color Variation

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

#7c757a
```
#7c757a rgb(124,117,122)
```
#856c7f
```
#856c7f rgb(133,108,127)
```
#8e6384
```
#8e6384 rgb(142,99,132)
```
#975a88
```
#975a88 rgb(151,90,136)
```
#a1508d
```
#a1508d rgb(161,80,141)
```
#aa4792
```
#aa4792 rgb(170,71,146)
```
#b33e97
```
#b33e97 rgb(179,62,151)
```
#bc359b
```
#bc359b rgb(188,53,155)
```
#c62ba0
```
#c62ba0 rgb(198,43,160)
```
#cf22a5
```
#cf22a5 rgb(207,34,165)
```
#d819aa
```
#d819aa rgb(216,25,170)
```
#e20faf
```
#e20faf rgb(226,15,175)
```
#eb06b3
```
#eb06b3 rgb(235,6,179)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7a5872 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f77d8 Protanopia 1% of men
#73789a Deuteranopia 1% of men
#c95054 Tritanopia 0.001% of the population

Trichromacy

#7358c6 Protanomaly 1% of men, 0.01% of women
#94589e Deuteranomaly 6% of men, 0.4% of women
#cb3f72 Tritanomaly 0.01% of the population

#cf22a5 hex color

#cf22a5 Color Information

#cf22a5 Color Conversion

Color Schemes with #cf22a5

Alternatives to #cf22a5

#cf22a5 Preview

Shades and Tints of #cf22a5

Tones of #cf22a5

Color Blindness Simulator