#c30ff4 hex color

In a RGB color space, hex #c30ff4 is composed of 76.5% red, 5.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 20.1% cyan, 93.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 287.2 degrees, a saturation of 91.2% and a lightness of 50.8%. #c30ff4 color hex could be obtained by blending #ff1eff with #8700e9. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 76
- G 6
- B 96
RGB color chart
- C 20
- M 94
- Y 0
- K 4
CMYK color chart

● #c30ff4 color description : Vivid magenta.

The hexadecimal color #c30ff4 has RGB values of R:195, G:15, B:244 and CMYK values of C:0.2, M:0.94, Y:0, K:0.04. Its decimal value is 12783604.

Hex triplet	c30ff4	`#c30ff4`
RGB Decimal	195, 15, 244	`rgb(195,15,244)`
RGB Percent	76.5, 5.9, 95.7	`rgb(76.5%,5.9%,95.7%)`
CMYK	20, 94, 0, 4
HSL	287.2°, 91.2, 50.8	`hsl(287.2,91.2%,50.8%)`
HSV (or HSB)	287.2°, 93.9, 95.7
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	50.07, 86.774, -71.742
XYZ	39.004, 18.477, 87.095
xyY	0.27, 0.128, 18.477
CIE-LCH	50.07, 112.59, 320.417
CIE-LUV	50.07, 47.087, -117.394
Hunter-Lab	42.985, 86.743, -90.042
Binary	11000011, 00001111, 11110100

#c30ff4
```
#c30ff4 rgb(195,15,244)
```
#40f40f
```
#40f40f rgb(64,244,15)
```

Complementary Color

#500ff4
```
#500ff4 rgb(80,15,244)
```
#c30ff4
```
#c30ff4 rgb(195,15,244)
```
#f40fb3
```
#f40fb3 rgb(244,15,179)
```

Analogous Color

#0ff450
```
#0ff450 rgb(15,244,80)
```
#c30ff4
```
#c30ff4 rgb(195,15,244)
```
#b3f40f
```
#b3f40f rgb(179,244,15)
```

Split Complementary Color

#0ff4c3
```
#0ff4c3 rgb(15,244,195)
```
#c30ff4
```
#c30ff4 rgb(195,15,244)
```
#f4c30f
```
#f4c30f rgb(244,195,15)
```

Triadic Color

#0f40f4
```
#0f40f4 rgb(15,64,244)
```
#c30ff4
```
#c30ff4 rgb(195,15,244)
```
#f4c30f
```
#f4c30f rgb(244,195,15)
```
#40f40f
```
#40f40f rgb(64,244,15)
```

Tetradic Color

#8b08af
```
#8b08af rgb(139,8,175)
```
#9e09c7
```
#9e09c7 rgb(158,9,199)
```
#b20adf
```
#b20adf rgb(178,10,223)
```
#c30ff4
```
#c30ff4 rgb(195,15,244)
```
#c927f5
```
#c927f5 rgb(201,39,245)
```
#cf40f6
```
#cf40f6 rgb(207,64,246)
```
#d558f7
```
#d558f7 rgb(213,88,247)
```

Monochromatic Color

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

#8a0ff4
```
#8a0ff4 rgb(138,15,244)
```
#9d0ff4
```
#9d0ff4 rgb(157,15,244)
```
#b00ff4
```
#b00ff4 rgb(176,15,244)
```
#c30ff4
```
#c30ff4 rgb(195,15,244)
```
#d60ff4
```
#d60ff4 rgb(214,15,244)
```
#e90ff4
```
#e90ff4 rgb(233,15,244)
```
#f40fec
```
#f40fec rgb(244,15,236)
```

Similar Colors

Text with hexadecimal color #c30ff4

This text has a font color of #c30ff4.

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

#c30ff4 background color

This paragraph has a background color of #c30ff4.

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

#c30ff4 border color

This element has a border color of #c30ff4.

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

CSS codes

.text {color:#c30ff4;}

.background {background-color:#c30ff4;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#120117
```
#120117 rgb(18,1,23)
```
#210229
```
#210229 rgb(33,2,41)
```
#30033c
```
#30033c rgb(48,3,60)
```
#3f044f
```
#3f044f rgb(63,4,79)
```
#4e0462
```
#4e0462 rgb(78,4,98)
```
#5d0574
```
#5d0574 rgb(93,5,116)
```
#6c0687
```
#6c0687 rgb(108,6,135)
```
#7a079a
```
#7a079a rgb(122,7,154)
```
#8908ad
```
#8908ad rgb(137,8,173)
```
#9809bf
```
#9809bf rgb(152,9,191)
```
#a70ad2
```
#a70ad2 rgb(167,10,210)
```
#b60ae5
```
#b60ae5 rgb(182,10,229)
```

Shade Color Variation

#c30ff4
```
#c30ff4 rgb(195,15,244)
```
#c822f5
```
#c822f5 rgb(200,34,245)
```
#cc35f6
```
#cc35f6 rgb(204,53,246)
```
#d147f7
```
#d147f7 rgb(209,71,247)
```
#d65af7
```
#d65af7 rgb(214,90,247)
```
#da6df8
```
#da6df8 rgb(218,109,248)
```
#df80f9
```
#df80f9 rgb(223,128,249)
```
#e492fa
```
#e492fa rgb(228,146,250)
```
#e9a5fb
```
#e9a5fb rgb(233,165,251)
```
#edb8fc
```
#edb8fc rgb(237,184,252)
```
#f2cbfd
```
#f2cbfd rgb(242,203,253)
```
#f7ddfd
```
#f7ddfd rgb(247,221,253)
```
#fbf0fe
```
#fbf0fe rgb(251,240,254)
```

Tint Color Variation

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

#86798a
```
#86798a rgb(134,121,138)
```
#8c7093
```
#8c7093 rgb(140,112,147)
```
#91669d
```
#91669d rgb(145,102,157)
```
#975ca7
```
#975ca7 rgb(151,92,167)
```
#9c53b0
```
#9c53b0 rgb(156,83,176)
```
#a249ba
```
#a249ba rgb(162,73,186)
```
#a73fc4
```
#a73fc4 rgb(167,63,196)
```
#ad36cd
```
#ad36cd rgb(173,54,205)
```
#b22cd7
```
#b22cd7 rgb(178,44,215)
```
#b822e1
```
#b822e1 rgb(184,34,225)
```
#bd19ea
```
#bd19ea rgb(189,25,234)
```
#c30ff4
```
#c30ff4 rgb(195,15,244)
```
#c905fe
```
#c905fe rgb(201,5,254)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#734f7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aee Protanopia 1% of men
#0080d4 Deuteranopia 1% of men
#b06971 Tritanopia 0.001% of the population

Trichromacy

#4653f0 Protanomaly 1% of men, 0.01% of women
#4657df Deuteranomaly 6% of men, 0.4% of women
#b748a0 Tritanomaly 0.01% of the population

#c30ff4 hex color

#c30ff4 Color Information

#c30ff4 Color Conversion

Color Schemes with #c30ff4

Alternatives to #c30ff4

#c30ff4 Preview

Shades and Tints of #c30ff4

Tones of #c30ff4

Color Blindness Simulator