#c30cf2 hex color

In a RGB color space, hex #c30cf2 is composed of 76.5% red, 4.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 95% magenta, 0% yellow and 5.1% black. It has a hue angle of 287.7 degrees, a saturation of 90.6% and a lightness of 49.8%. #c30cf2 color hex could be obtained by blending #ff18ff with #8700e5. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 76
- G 5
- B 95
RGB color chart
- C 19
- M 95
- Y 0
- K 5
CMYK color chart

● #c30cf2 color description : Vivid magenta.

The hexadecimal color #c30cf2 has RGB values of R:195, G:12, B:242 and CMYK values of C:0.19, M:0.95, Y:0, K:0.05. Its decimal value is 12782834.

Hex triplet	c30cf2	`#c30cf2`
RGB Decimal	195, 12, 242	`rgb(195,12,242)`
RGB Percent	76.5, 4.7, 94.9	`rgb(76.5%,4.7%,94.9%)`
CMYK	19, 95, 0, 5
HSL	287.7°, 90.6, 49.8	`hsl(287.7,90.6%,49.8%)`
HSV (or HSB)	287.7°, 95, 94.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.831, 86.715, -71.007
XYZ	38.662, 18.278, 85.491
xyY	0.271, 0.128, 18.278
CIE-LCH	49.831, 112.078, 320.688
CIE-LUV	49.831, 47.813, -116.208
Hunter-Lab	42.752, 86.607, -88.634
Binary	11000011, 00001100, 11110010

#c30cf2
```
#c30cf2 rgb(195,12,242)
```
#3bf20c
```
#3bf20c rgb(59,242,12)
```

Complementary Color

#500cf2
```
#500cf2 rgb(80,12,242)
```
#c30cf2
```
#c30cf2 rgb(195,12,242)
```
#f20cae
```
#f20cae rgb(242,12,174)
```

Analogous Color

#0cf250
```
#0cf250 rgb(12,242,80)
```
#c30cf2
```
#c30cf2 rgb(195,12,242)
```
#aef20c
```
#aef20c rgb(174,242,12)
```

Split Complementary Color

#0cf2c3
```
#0cf2c3 rgb(12,242,195)
```
#c30cf2
```
#c30cf2 rgb(195,12,242)
```
#f2c30c
```
#f2c30c rgb(242,195,12)
```

Triadic Color

#0c3bf2
```
#0c3bf2 rgb(12,59,242)
```
#c30cf2
```
#c30cf2 rgb(195,12,242)
```
#f2c30c
```
#f2c30c rgb(242,195,12)
```
#3bf20c
```
#3bf20c rgb(59,242,12)
```

Tetradic Color

#8808a9
```
#8808a9 rgb(136,8,169)
```
#9c0ac1
```
#9c0ac1 rgb(156,10,193)
```
#af0bda
```
#af0bda rgb(175,11,218)
```
#c30cf2
```
#c30cf2 rgb(195,12,242)
```
#c923f4
```
#c923f4 rgb(201,35,244)
```
#cf3cf5
```
#cf3cf5 rgb(207,60,245)
```
#d554f7
```
#d554f7 rgb(213,84,247)
```

Monochromatic Color

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

#8a0cf2
```
#8a0cf2 rgb(138,12,242)
```
#9d0cf2
```
#9d0cf2 rgb(157,12,242)
```
#b00cf2
```
#b00cf2 rgb(176,12,242)
```
#c30cf2
```
#c30cf2 rgb(195,12,242)
```
#d60cf2
```
#d60cf2 rgb(214,12,242)
```
#e90cf2
```
#e90cf2 rgb(233,12,242)
```
#f20ce8
```
#f20ce8 rgb(242,12,232)
```

Similar Colors

Text with hexadecimal color #c30cf2

This text has a font color of #c30cf2.

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

#c30cf2 background color

This paragraph has a background color of #c30cf2.

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

#c30cf2 border color

This element has a border color of #c30cf2.

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

CSS codes

.text {color:#c30cf2;}

.background {background-color:#c30cf2;}

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

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

#0e0112
```
#0e0112 rgb(14,1,18)
```
#1d0224
```
#1d0224 rgb(29,2,36)
```
#2c0337
```
#2c0337 rgb(44,3,55)
```
#3b044a
```
#3b044a rgb(59,4,74)
```
#4b055c
```
#4b055c rgb(75,5,92)
```
#5a066f
```
#5a066f rgb(90,6,111)
```
#690682
```
#690682 rgb(105,6,130)
```
#780795
```
#780795 rgb(120,7,149)
```
#8708a7
```
#8708a7 rgb(135,8,167)
```
#9609ba
```
#9609ba rgb(150,9,186)
```
#a50acd
```
#a50acd rgb(165,10,205)
```
#b40bdf
```
#b40bdf rgb(180,11,223)
```
#c30cf2
```
#c30cf2 rgb(195,12,242)
```

Shade Color Variation

#c81ef4
```
#c81ef4 rgb(200,30,244)
```
#cd30f5
```
#cd30f5 rgb(205,48,245)
```
#d143f6
```
#d143f6 rgb(209,67,246)
```
#d656f7
```
#d656f7 rgb(214,86,247)
```
#da69f8
```
#da69f8 rgb(218,105,248)
```
#df7bf8
```
#df7bf8 rgb(223,123,248)
```
#e38ef9
```
#e38ef9 rgb(227,142,249)
```
#e8a1fa
```
#e8a1fa rgb(232,161,250)
```
#edb3fb
```
#edb3fb rgb(237,179,251)
```
#f1c6fc
```
#f1c6fc rgb(241,198,252)
```
#f6d9fd
```
#f6d9fd rgb(246,217,253)
```
#faebfe
```
#faebfe rgb(250,235,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#837787
```
#837787 rgb(131,119,135)
```
#896e90
```
#896e90 rgb(137,110,144)
```
#8f649a
```
#8f649a rgb(143,100,154)
```
#955aa4
```
#955aa4 rgb(149,90,164)
```
#9b50ae
```
#9b50ae rgb(155,80,174)
```
#a047b7
```
#a047b7 rgb(160,71,183)
```
#a63dc1
```
#a63dc1 rgb(166,61,193)
```
#ac33cb
```
#ac33cb rgb(172,51,203)
```
#b229d5
```
#b229d5 rgb(178,41,213)
```
#b720de
```
#b720de rgb(183,32,222)
```
#bd16e8
```
#bd16e8 rgb(189,22,232)
```
#c30cf2
```
#c30cf2 rgb(195,12,242)
```
#c902fc
```
#c902fc rgb(201,2,252)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#714d7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aed Protanopia 1% of men
#007fd3 Deuteranopia 1% of men
#b0686f Tritanopia 0.001% of the population

Trichromacy

#4652ef Protanomaly 1% of men, 0.01% of women
#4655de Deuteranomaly 6% of men, 0.4% of women
#b7479f Tritanomaly 0.01% of the population

#c30cf2 hex color

#c30cf2 Color Information

#c30cf2 Color Conversion

Color Schemes with #c30cf2

Alternatives to #c30cf2

#c30cf2 Preview

Shades and Tints of #c30cf2

Tones of #c30cf2

Color Blindness Simulator