#cf22fa hex color

In a RGB color space, hex #cf22fa is composed of 81.2% red, 13.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 86.4% magenta, 0% yellow and 2% black. It has a hue angle of 288.1 degrees, a saturation of 95.6% and a lightness of 55.7%. #cf22fa color hex could be obtained by blending #ff44ff with #9f00f5. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 81
- G 13
- B 98
RGB color chart
- C 17
- M 86
- Y 0
- K 2
CMYK color chart

● #cf22fa color description : Vivid magenta.

The hexadecimal color #cf22fa has RGB values of R:207, G:34, B:250 and CMYK values of C:0.17, M:0.86, Y:0, K:0.02. Its decimal value is 13574906.

Hex triplet	cf22fa	`#cf22fa`
RGB Decimal	207, 34, 250	`rgb(207,34,250)`
RGB Percent	81.2, 13.3, 98	`rgb(81.2%,13.3%,98%)`
CMYK	17, 86, 0, 2
HSL	288.1°, 95.6, 55.7	`hsl(288.1,95.6%,55.7%)`
HSV (or HSB)	288.1°, 86.4, 98
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.291, 86.82, -69.786
XYZ	43.557, 21.314, 92.257
xyY	0.277, 0.136, 21.314
CIE-LCH	53.291, 111.39, 321.208
CIE-LUV	53.291, 51.53, -116.823
Hunter-Lab	46.167, 87.62, -86.165
Binary	11001111, 00100010, 11111010

#cf22fa
```
#cf22fa rgb(207,34,250)
```
#4dfa22
```
#4dfa22 rgb(77,250,34)
```

Complementary Color

#6322fa
```
#6322fa rgb(99,34,250)
```
#cf22fa
```
#cf22fa rgb(207,34,250)
```
#fa22b9
```
#fa22b9 rgb(250,34,185)
```

Analogous Color

#22fa63
```
#22fa63 rgb(34,250,99)
```
#cf22fa
```
#cf22fa rgb(207,34,250)
```
#b9fa22
```
#b9fa22 rgb(185,250,34)
```

Split Complementary Color

#22facf
```
#22facf rgb(34,250,207)
```
#cf22fa
```
#cf22fa rgb(207,34,250)
```
#facf22
```
#facf22 rgb(250,207,34)
```

Triadic Color

#224dfa
```
#224dfa rgb(34,77,250)
```
#cf22fa
```
#cf22fa rgb(207,34,250)
```
#facf22
```
#facf22 rgb(250,207,34)
```
#4dfa22
```
#4dfa22 rgb(77,250,34)
```

Tetradic Color

#a305cb
```
#a305cb rgb(163,5,203)
```
#b805e4
```
#b805e4 rgb(184,5,228)
```
#ca09f9
```
#ca09f9 rgb(202,9,249)
```
#cf22fa
```
#cf22fa rgb(207,34,250)
```
#d43bfb
```
#d43bfb rgb(212,59,251)
```
#da54fb
```
#da54fb rgb(218,84,251)
```
#df6dfc
```
#df6dfc rgb(223,109,252)
```

Monochromatic Color

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

#9922fa
```
#9922fa rgb(153,34,250)
```
#ab22fa
```
#ab22fa rgb(171,34,250)
```
#bd22fa
```
#bd22fa rgb(189,34,250)
```
#cf22fa
```
#cf22fa rgb(207,34,250)
```
#e122fa
```
#e122fa rgb(225,34,250)
```
#f322fa
```
#f322fa rgb(243,34,250)
```
#fa22ef
```
#fa22ef rgb(250,34,239)
```

Similar Colors

Text with hexadecimal color #cf22fa

This text has a font color of #cf22fa.

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

#cf22fa background color

This paragraph has a background color of #cf22fa.

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

#cf22fa border color

This element has a border color of #cf22fa.

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

CSS codes

.text {color:#cf22fa;}

.background {background-color:#cf22fa;}

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

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

#070009
```
#070009 rgb(7,0,9)
```
#17011c
```
#17011c rgb(23,1,28)
```
#260130
```
#260130 rgb(38,1,48)
```
#360243
```
#360243 rgb(54,2,67)
```
#450256
```
#450256 rgb(69,2,86)
```
#550269
```
#550269 rgb(85,2,105)
```
#64037c
```
#64037c rgb(100,3,124)
```
#74038f
```
#74038f rgb(116,3,143)
```
#8304a3
```
#8304a3 rgb(131,4,163)
```
#9204b6
```
#9204b6 rgb(146,4,182)
```
#a205c9
```
#a205c9 rgb(162,5,201)
```
#b105dc
```
#b105dc rgb(177,5,220)
```
#c105ef
```
#c105ef rgb(193,5,239)
```

Shade Color Variation

#cb0ffa
```
#cb0ffa rgb(203,15,250)
```
#cf22fa
```
#cf22fa rgb(207,34,250)
```
#d335fa
```
#d335fa rgb(211,53,250)
```
#d748fb
```
#d748fb rgb(215,72,251)
```
#db5cfb
```
#db5cfb rgb(219,92,251)
```
#e06ffc
```
#e06ffc rgb(224,111,252)
```
#e482fc
```
#e482fc rgb(228,130,252)
```
#e895fd
```
#e895fd rgb(232,149,253)
```
#eca8fd
```
#eca8fd rgb(236,168,253)
```
#f0bbfd
```
#f0bbfd rgb(240,187,253)
```
#f4cffe
```
#f4cffe rgb(244,207,254)
```
#f9e2fe
```
#f9e2fe rgb(249,226,254)
```
#fdf5ff
```
#fdf5ff rgb(253,245,255)
```

Tint Color Variation

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

#908a92
```
#908a92 rgb(144,138,146)
```
#95829a
```
#95829a rgb(149,130,154)
```
#9b79a3
```
#9b79a3 rgb(155,121,163)
```
#a070ac
```
#a070ac rgb(160,112,172)
```
#a568b4
```
#a568b4 rgb(165,104,180)
```
#aa5fbd
```
#aa5fbd rgb(170,95,189)
```
#b056c6
```
#b056c6 rgb(176,86,198)
```
#b54dcf
```
#b54dcf rgb(181,77,207)
```
#ba45d7
```
#ba45d7 rgb(186,69,215)
```
#bf3ce0
```
#bf3ce0 rgb(191,60,224)
```
#c533e9
```
#c533e9 rgb(197,51,233)
```
#ca2bf1
```
#ca2bf1 rgb(202,43,241)
```
#cf22fa
```
#cf22fa rgb(207,34,250)
```

Tone Color Variation

Below, you can see how #cf22fa 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
#815f8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0082fd Protanopia 1% of men
#0088e3 Deuteranopia 1% of men
#bc6f77 Tritanopia 0.001% of the population

Trichromacy

#4b5ffc Protanomaly 1% of men, 0.01% of women
#4b62eb Deuteranomaly 6% of men, 0.4% of women
#c353a6 Tritanomaly 0.01% of the population

#cf22fa hex color

#cf22fa Color Information

#cf22fa Color Conversion

Color Schemes with #cf22fa

Alternatives to #cf22fa

#cf22fa Preview

Shades and Tints of #cf22fa

Tones of #cf22fa

Color Blindness Simulator