#cf30f6 hex color

In a RGB color space, hex #cf30f6 is composed of 81.2% red, 18.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 15.9% cyan, 80.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 288.2 degrees, a saturation of 91.7% and a lightness of 57.6%. #cf30f6 color hex could be obtained by blending #ff60ff with #9f00ed. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 81
- G 19
- B 96
RGB color chart
- C 16
- M 80
- Y 0
- K 4
CMYK color chart

● #cf30f6 color description : Bright magenta.

The hexadecimal color #cf30f6 has RGB values of R:207, G:48, B:246 and CMYK values of C:0.16, M:0.8, Y:0, K:0.04. Its decimal value is 13578486.

Hex triplet	cf30f6	`#cf30f6`
RGB Decimal	207, 48, 246	`rgb(207,48,246)`
RGB Percent	81.2, 18.8, 96.5	`rgb(81.2%,18.8%,96.5%)`
CMYK	16, 80, 0, 4
HSL	288.2°, 91.7, 57.6	`hsl(288.2,91.7%,57.6%)`
HSV (or HSB)	288.2°, 80.5, 96.5
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	54.064, 83.086, -66.304
XYZ	43.422, 22.035, 89.15
xyY	0.281, 0.143, 22.035
CIE-LCH	54.064, 106.299, 321.41
CIE-LUV	54.064, 51.275, -111.851
Hunter-Lab	46.942, 82.967, -79.742
Binary	11001111, 00110000, 11110110

#cf30f6
```
#cf30f6 rgb(207,48,246)
```
#57f630
```
#57f630 rgb(87,246,48)
```

Complementary Color

#6c30f6
```
#6c30f6 rgb(108,48,246)
```
#cf30f6
```
#cf30f6 rgb(207,48,246)
```
#f630ba
```
#f630ba rgb(246,48,186)
```

Analogous Color

#30f66c
```
#30f66c rgb(48,246,108)
```
#cf30f6
```
#cf30f6 rgb(207,48,246)
```
#baf630
```
#baf630 rgb(186,246,48)
```

Split Complementary Color

#30f6cf
```
#30f6cf rgb(48,246,207)
```
#cf30f6
```
#cf30f6 rgb(207,48,246)
```
#f6cf30
```
#f6cf30 rgb(246,207,48)
```

Triadic Color

#3057f6
```
#3057f6 rgb(48,87,246)
```
#cf30f6
```
#cf30f6 rgb(207,48,246)
```
#f6cf30
```
#f6cf30 rgb(246,207,48)
```
#57f630
```
#57f630 rgb(87,246,48)
```

Tetradic Color

#a909d0
```
#a909d0 rgb(169,9,208)
```
#bd0ae9
```
#bd0ae9 rgb(189,10,233)
```
#c918f5
```
#c918f5 rgb(201,24,245)
```
#cf30f6
```
#cf30f6 rgb(207,48,246)
```
#d548f7
```
#d548f7 rgb(213,72,247)
```
#da61f8
```
#da61f8 rgb(218,97,248)
```
#e079f9
```
#e079f9 rgb(224,121,249)
```

Monochromatic Color

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

#9e30f6
```
#9e30f6 rgb(158,48,246)
```
#ae30f6
```
#ae30f6 rgb(174,48,246)
```
#bf30f6
```
#bf30f6 rgb(191,48,246)
```
#cf30f6
```
#cf30f6 rgb(207,48,246)
```
#e030f6
```
#e030f6 rgb(224,48,246)
```
#f030f6
```
#f030f6 rgb(240,48,246)
```
#f630ec
```
#f630ec rgb(246,48,236)
```

Similar Colors

Text with hexadecimal color #cf30f6

This text has a font color of #cf30f6.

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

#cf30f6 background color

This paragraph has a background color of #cf30f6.

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

#cf30f6 border color

This element has a border color of #cf30f6.

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

CSS codes

.text {color:#cf30f6;}

.background {background-color:#cf30f6;}

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

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

#0f0113
```
#0f0113 rgb(15,1,19)
```
#1e0225
```
#1e0225 rgb(30,2,37)
```
#2e0238
```
#2e0238 rgb(46,2,56)
```
#3d034b
```
#3d034b rgb(61,3,75)
```
#4c045e
```
#4c045e rgb(76,4,94)
```
#5b0571
```
#5b0571 rgb(91,5,113)
```
#6b0683
```
#6b0683 rgb(107,6,131)
```
#7a0796
```
#7a0796 rgb(122,7,150)
```
#8907a9
```
#8907a9 rgb(137,7,169)
```
#9808bc
```
#9808bc rgb(152,8,188)
```
#a809cf
```
#a809cf rgb(168,9,207)
```
#b70ae1
```
#b70ae1 rgb(183,10,225)
```
#c60bf4
```
#c60bf4 rgb(198,11,244)
```

Shade Color Variation

#cb1df5
```
#cb1df5 rgb(203,29,245)
```
#cf30f6
```
#cf30f6 rgb(207,48,246)
```
#d343f7
```
#d343f7 rgb(211,67,247)
```
#d856f8
```
#d856f8 rgb(216,86,248)
```
#dc68f8
```
#dc68f8 rgb(220,104,248)
```
#e07bf9
```
#e07bf9 rgb(224,123,249)
```
#e58efa
```
#e58efa rgb(229,142,250)
```
#e9a1fb
```
#e9a1fb rgb(233,161,251)
```
#eeb4fc
```
#eeb4fc rgb(238,180,252)
```
#f2c6fd
```
#f2c6fd rgb(242,198,253)
```
#f6d9fd
```
#f6d9fd rgb(246,217,253)
```
#fbecfe
```
#fbecfe rgb(251,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#988b9b
```
#988b9b rgb(152,139,155)
```
#9d83a3
```
#9d83a3 rgb(157,131,163)
```
#a27bab
```
#a27bab rgb(162,123,171)
```
#a772b4
```
#a772b4 rgb(167,114,180)
```
#ac6abc
```
#ac6abc rgb(172,106,188)
```
#b162c4
```
#b162c4 rgb(177,98,196)
```
#b65acc
```
#b65acc rgb(182,90,204)
```
#bb51d5
```
#bb51d5 rgb(187,81,213)
```
#c049dd
```
#c049dd rgb(192,73,221)
```
#c541e5
```
#c541e5 rgb(197,65,229)
```
#ca38ee
```
#ca38ee rgb(202,56,238)
```
#cf30f6
```
#cf30f6 rgb(207,48,246)
```
#d428fe
```
#d428fe rgb(212,40,254)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#886890 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d83ff Protanopia 1% of men
#3089e1 Deuteranopia 1% of men
#bd7279 Tritanopia 0.001% of the population

Trichromacy

#5d65fb Protanomaly 1% of men, 0.01% of women
#6a68e9 Deuteranomaly 6% of men, 0.4% of women
#c35aa6 Tritanomaly 0.01% of the population

#cf30f6 hex color

#cf30f6 Color Information

#cf30f6 Color Conversion

Color Schemes with #cf30f6

Alternatives to #cf30f6

#cf30f6 Preview

Shades and Tints of #cf30f6

Tones of #cf30f6

Color Blindness Simulator