#cf22f2 hex color

In a RGB color space, hex #cf22f2 is composed of 81.2% red, 13.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 86% magenta, 0% yellow and 5.1% black. It has a hue angle of 289.9 degrees, a saturation of 88.9% and a lightness of 54.1%. #cf22f2 color hex could be obtained by blending #ff44ff with #9f00e5. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 81
- G 13
- B 95
RGB color chart
- C 14
- M 86
- Y 0
- K 5
CMYK color chart

● #cf22f2 color description : Vivid magenta.

The hexadecimal color #cf22f2 has RGB values of R:207, G:34, B:242 and CMYK values of C:0.14, M:0.86, Y:0, K:0.05. Its decimal value is 13574898.

Hex triplet	cf22f2	`#cf22f2`
RGB Decimal	207, 34, 242	`rgb(207,34,242)`
RGB Percent	81.2, 13.3, 94.9	`rgb(81.2%,13.3%,94.9%)`
CMYK	14, 86, 0, 5
HSL	289.9°, 88.9, 54.1	`hsl(289.9,88.9%,54.1%)`
HSV (or HSB)	289.9°, 86, 94.9
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.755, 85.475, -66.18
XYZ	42.329, 20.822, 85.789
xyY	0.284, 0.14, 20.822
CIE-LCH	52.755, 108.101, 322.251
CIE-LUV	52.755, 54.048, -111.198
Hunter-Lab	45.632, 85.728, -79.525
Binary	11001111, 00100010, 11110010

#cf22f2
```
#cf22f2 rgb(207,34,242)
```
#45f222
```
#45f222 rgb(69,242,34)
```

Complementary Color

#6722f2
```
#6722f2 rgb(103,34,242)
```
#cf22f2
```
#cf22f2 rgb(207,34,242)
```
#f222ad
```
#f222ad rgb(242,34,173)
```

Analogous Color

#22f267
```
#22f267 rgb(34,242,103)
```
#cf22f2
```
#cf22f2 rgb(207,34,242)
```
#adf222
```
#adf222 rgb(173,242,34)
```

Split Complementary Color

#22f2cf
```
#22f2cf rgb(34,242,207)
```
#cf22f2
```
#cf22f2 rgb(207,34,242)
```
#f2cf22
```
#f2cf22 rgb(242,207,34)
```

Triadic Color

#2245f2
```
#2245f2 rgb(34,69,242)
```
#cf22f2
```
#cf22f2 rgb(207,34,242)
```
#f2cf22
```
#f2cf22 rgb(242,207,34)
```
#45f222
```
#45f222 rgb(69,242,34)
```

Tetradic Color

#9f0bbc
```
#9f0bbc rgb(159,11,188)
```
#b30dd5
```
#b30dd5 rgb(179,13,213)
```
#c70eed
```
#c70eed rgb(199,14,237)
```
#cf22f2
```
#cf22f2 rgb(207,34,242)
```
#d43af3
```
#d43af3 rgb(212,58,243)
```
#d952f5
```
#d952f5 rgb(217,82,245)
```
#df6af6
```
#df6af6 rgb(223,106,246)
```

Monochromatic Color

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

#9b22f2
```
#9b22f2 rgb(155,34,242)
```
#ac22f2
```
#ac22f2 rgb(172,34,242)
```
#be22f2
```
#be22f2 rgb(190,34,242)
```
#cf22f2
```
#cf22f2 rgb(207,34,242)
```
#e022f2
```
#e022f2 rgb(224,34,242)
```
#f222f2
```
#f222f2 rgb(242,34,242)
```
#f222e1
```
#f222e1 rgb(242,34,225)
```

Similar Colors

Text with hexadecimal color #cf22f2

This text has a font color of #cf22f2.

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

#cf22f2 background color

This paragraph has a background color of #cf22f2.

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

#cf22f2 border color

This element has a border color of #cf22f2.

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

CSS codes

.text {color:#cf22f2;}

.background {background-color:#cf22f2;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#110114
```
#110114 rgb(17,1,20)
```
#200226
```
#200226 rgb(32,2,38)
```
#300339
```
#300339 rgb(48,3,57)
```
#3f044b
```
#3f044b rgb(63,4,75)
```
#4f065e
```
#4f065e rgb(79,6,94)
```
#5f0770
```
#5f0770 rgb(95,7,112)
```
#6e0883
```
#6e0883 rgb(110,8,131)
```
#7e0996
```
#7e0996 rgb(126,9,150)
```
#8d0aa8
```
#8d0aa8 rgb(141,10,168)
```
#9d0bbb
```
#9d0bbb rgb(157,11,187)
```
#ad0ccd
```
#ad0ccd rgb(173,12,205)
```
#bc0de0
```
#bc0de0 rgb(188,13,224)
```

Shade Color Variation

#cb0ff1
```
#cb0ff1 rgb(203,15,241)
```
#cf22f2
```
#cf22f2 rgb(207,34,242)
```
#d335f3
```
#d335f3 rgb(211,53,243)
```
#d747f4
```
#d747f4 rgb(215,71,244)
```
#db5af5
```
#db5af5 rgb(219,90,245)
```
#df6cf6
```
#df6cf6 rgb(223,108,246)
```
#e37ff7
```
#e37ff7 rgb(227,127,247)
```
#e791f9
```
#e791f9 rgb(231,145,249)
```
#eba4fa
```
#eba4fa rgb(235,164,250)
```
#efb6fb
```
#efb6fb rgb(239,182,251)
```
#f3c9fc
```
#f3c9fc rgb(243,201,252)
```
#f7dbfd
```
#f7dbfd rgb(247,219,253)
```
#fbeefe
```
#fbeefe rgb(251,238,254)
```

Tint Color Variation

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

#8d858f
```
#8d858f rgb(141,133,143)
```
#937c98
```
#937c98 rgb(147,124,152)
```
#9973a1
```
#9973a1 rgb(153,115,161)
```
#9f6aaa
```
#9f6aaa rgb(159,106,170)
```
#a561b3
```
#a561b3 rgb(165,97,179)
```
#ab58bc
```
#ab58bc rgb(171,88,188)
```
#b14fc5
```
#b14fc5 rgb(177,79,197)
```
#b746ce
```
#b746ce rgb(183,70,206)
```
#bd3dd7
```
#bd3dd7 rgb(189,61,215)
```
#c334e0
```
#c334e0 rgb(195,52,224)
```
#c92be9
```
#c92be9 rgb(201,43,233)
```
#cf22f2
```
#cf22f2 rgb(207,34,242)
```
#d519fb
```
#d519fb rgb(213,25,251)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#815e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fa Protanopia 1% of men
#2c86dc Deuteranopia 1% of men
#be6c73 Tritanopia 0.001% of the population

Trichromacy

#4b5ef7 Protanomaly 1% of men, 0.01% of women
#6761e4 Deuteranomaly 6% of men, 0.4% of women
#c451a1 Tritanomaly 0.01% of the population

#cf22f2 hex color

#cf22f2 Color Information

#cf22f2 Color Conversion

Color Schemes with #cf22f2

Alternatives to #cf22f2

#cf22f2 Preview

Shades and Tints of #cf22f2

Tones of #cf22f2

Color Blindness Simulator