#c30cf3 hex color

In a RGB color space, hex #c30cf3 is composed of 76.5% red, 4.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 95.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 287.5 degrees, a saturation of 90.6% and a lightness of 50%. #c30cf3 color hex could be obtained by blending #ff18ff with #8700e7. Closest websafe color is: #cc00ff.

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

● #c30cf3 color description : Vivid magenta.

The hexadecimal color #c30cf3 has RGB values of R:195, G:12, B:243 and CMYK values of C:0.2, M:0.95, Y:0, K:0.05. Its decimal value is 12782835.

Hex triplet	c30cf3	`#c30cf3`
RGB Decimal	195, 12, 243	`rgb(195,12,243)`
RGB Percent	76.5, 4.7, 95.3	`rgb(76.5%,4.7%,95.3%)`
CMYK	20, 95, 0, 5
HSL	287.5°, 90.6, 50	`hsl(287.5,90.6%,50%)`
HSV (or HSB)	287.5°, 95.1, 95.3
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.903, 86.884, -71.451
XYZ	38.813, 18.338, 86.284
xyY	0.271, 0.128, 18.338
CIE-LCH	49.903, 112.491, 320.567
CIE-LUV	49.903, 47.508, -116.886
Hunter-Lab	42.823, 86.846, -89.488
Binary	11000011, 00001100, 11110011

#c30cf3
```
#c30cf3 rgb(195,12,243)
```
#3cf30c
```
#3cf30c rgb(60,243,12)
```

Complementary Color

#500cf3
```
#500cf3 rgb(80,12,243)
```
#c30cf3
```
#c30cf3 rgb(195,12,243)
```
#f30cb0
```
#f30cb0 rgb(243,12,176)
```

Analogous Color

#0cf350
```
#0cf350 rgb(12,243,80)
```
#c30cf3
```
#c30cf3 rgb(195,12,243)
```
#b0f30c
```
#b0f30c rgb(176,243,12)
```

Split Complementary Color

#0cf3c3
```
#0cf3c3 rgb(12,243,195)
```
#c30cf3
```
#c30cf3 rgb(195,12,243)
```
#f3c30c
```
#f3c30c rgb(243,195,12)
```

Triadic Color

#0c3cf3
```
#0c3cf3 rgb(12,60,243)
```
#c30cf3
```
#c30cf3 rgb(195,12,243)
```
#f3c30c
```
#f3c30c rgb(243,195,12)
```
#3cf30c
```
#3cf30c rgb(60,243,12)
```

Tetradic Color

#8908aa
```
#8908aa rgb(137,8,170)
```
#9c0ac2
```
#9c0ac2 rgb(156,10,194)
```
#b00bdb
```
#b00bdb rgb(176,11,219)
```
#c30cf3
```
#c30cf3 rgb(195,12,243)
```
#c924f4
```
#c924f4 rgb(201,36,244)
```
#cf3df5
```
#cf3df5 rgb(207,61,245)
```
#d555f7
```
#d555f7 rgb(213,85,247)
```

Monochromatic Color

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

#890cf3
```
#890cf3 rgb(137,12,243)
```
#9d0cf3
```
#9d0cf3 rgb(157,12,243)
```
#b00cf3
```
#b00cf3 rgb(176,12,243)
```
#c30cf3
```
#c30cf3 rgb(195,12,243)
```
#d60cf3
```
#d60cf3 rgb(214,12,243)
```
#ea0cf3
```
#ea0cf3 rgb(234,12,243)
```
#f30ce9
```
#f30ce9 rgb(243,12,233)
```

Similar Colors

Text with hexadecimal color #c30cf3

This text has a font color of #c30cf3.

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

#c30cf3 background color

This paragraph has a background color of #c30cf3.

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

#c30cf3 border color

This element has a border color of #c30cf3.

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

CSS codes

.text {color:#c30cf3;}

.background {background-color:#c30cf3;}

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

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)
```
#2d0338
```
#2d0338 rgb(45,3,56)
```
#3c044b
```
#3c044b rgb(60,4,75)
```
#4b055d
```
#4b055d rgb(75,5,93)
```
#5a0670
```
#5a0670 rgb(90,6,112)
```
#690683
```
#690683 rgb(105,6,131)
```
#780796
```
#780796 rgb(120,7,150)
```
#8708a8
```
#8708a8 rgb(135,8,168)
```
#9609bb
```
#9609bb rgb(150,9,187)
```
#a50ace
```
#a50ace rgb(165,10,206)
```
#b40be0
```
#b40be0 rgb(180,11,224)
```
#c30cf3
```
#c30cf3 rgb(195,12,243)
```

Shade Color Variation

#c81ff4
```
#c81ff4 rgb(200,31,244)
```
#cc31f5
```
#cc31f5 rgb(204,49,245)
```
#d144f6
```
#d144f6 rgb(209,68,246)
```
#d557f7
```
#d557f7 rgb(213,87,247)
```
#da69f8
```
#da69f8 rgb(218,105,248)
```
#df7cf9
```
#df7cf9 rgb(223,124,249)
```
#e38ff9
```
#e38ff9 rgb(227,143,249)
```
#e8a2fa
```
#e8a2fa rgb(232,162,250)
```
#edb4fb
```
#edb4fb rgb(237,180,251)
```
#f1c7fc
```
#f1c7fc rgb(241,199,252)
```
#f6dafd
```
#f6dafd rgb(246,218,253)
```
#faecfe
```
#faecfe rgb(250,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, #847887 is the less saturated color, while #c902fd is the most saturated one.

#847887
```
#847887 rgb(132,120,135)
```
#8a6e91
```
#8a6e91 rgb(138,110,145)
```
#8f649b
```
#8f649b rgb(143,100,155)
```
#955aa5
```
#955aa5 rgb(149,90,165)
```
#9b51ae
```
#9b51ae rgb(155,81,174)
```
#a147b8
```
#a147b8 rgb(161,71,184)
```
#a63dc2
```
#a63dc2 rgb(166,61,194)
```
#ac33cc
```
#ac33cc rgb(172,51,204)
```
#b229d6
```
#b229d6 rgb(178,41,214)
```
#b820df
```
#b820df rgb(184,32,223)
```
#bd16e9
```
#bd16e9 rgb(189,22,233)
```
#c30cf3
```
#c30cf3 rgb(195,12,243)
```
#c902fd
```
#c902fd rgb(201,2,253)
```

Tone Color Variation

Below, you can see how #c30cf3 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
#0080d3 Deuteranopia 1% of men
#b06970 Tritanopia 0.001% of the population

Trichromacy

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

#c30cf3 hex color

#c30cf3 Color Information

#c30cf3 Color Conversion

Color Schemes with #c30cf3

Alternatives to #c30cf3

#c30cf3 Preview

Shades and Tints of #c30cf3

Tones of #c30cf3

Color Blindness Simulator