#cc30fa hex color

In a RGB color space, hex #cc30fa is composed of 80% red, 18.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 80.8% magenta, 0% yellow and 2% black. It has a hue angle of 286.3 degrees, a saturation of 95.3% and a lightness of 58.4%. #cc30fa color hex could be obtained by blending #ff60ff with #9900f5. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 80
- G 19
- B 98
RGB color chart
- C 18
- M 81
- Y 0
- K 2
CMYK color chart

● #cc30fa color description : Bright magenta.

The hexadecimal color #cc30fa has RGB values of R:204, G:48, B:250 and CMYK values of C:0.18, M:0.81, Y:0, K:0.02. Its decimal value is 13381882.

Hex triplet	cc30fa	`#cc30fa`
RGB Decimal	204, 48, 250	`rgb(204,48,250)`
RGB Percent	80, 18.8, 98	`rgb(80%,18.8%,98%)`
CMYK	18, 81, 0, 2
HSL	286.3°, 95.3, 58.4	`hsl(286.3,95.3%,58.4%)`
HSV (or HSB)	286.3°, 80.8, 98
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.873, 83.29, -68.866
XYZ	43.212, 21.855, 92.38
xyY	0.274, 0.139, 21.855
CIE-LCH	53.873, 108.073, 320.415
CIE-LUV	53.873, 48.203, -115.47
Hunter-Lab	46.75, 83.181, -84.435
Binary	11001100, 00110000, 11111010

#cc30fa
```
#cc30fa rgb(204,48,250)
```
#5efa30
```
#5efa30 rgb(94,250,48)
```

Complementary Color

#6730fa
```
#6730fa rgb(103,48,250)
```
#cc30fa
```
#cc30fa rgb(204,48,250)
```
#fa30c3
```
#fa30c3 rgb(250,48,195)
```

Analogous Color

#30fa67
```
#30fa67 rgb(48,250,103)
```
#cc30fa
```
#cc30fa rgb(204,48,250)
```
#c3fa30
```
#c3fa30 rgb(195,250,48)
```

Split Complementary Color

#30facc
```
#30facc rgb(48,250,204)
```
#cc30fa
```
#cc30fa rgb(204,48,250)
```
#facc30
```
#facc30 rgb(250,204,48)
```

Triadic Color

#305efa
```
#305efa rgb(48,94,250)
```
#cc30fa
```
#cc30fa rgb(204,48,250)
```
#facc30
```
#facc30 rgb(250,204,48)
```
#5efa30
```
#5efa30 rgb(94,250,48)
```

Tetradic Color

#a805d8
```
#a805d8 rgb(168,5,216)
```
#bc06f1
```
#bc06f1 rgb(188,6,241)
```
#c617f9
```
#c617f9 rgb(198,23,249)
```
#cc30fa
```
#cc30fa rgb(204,48,250)
```
#d249fb
```
#d249fb rgb(210,73,251)
```
#d862fb
```
#d862fb rgb(216,98,251)
```
#de7bfc
```
#de7bfc rgb(222,123,252)
```

Monochromatic Color

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

#9a30fa
```
#9a30fa rgb(154,48,250)
```
#aa30fa
```
#aa30fa rgb(170,48,250)
```
#bb30fa
```
#bb30fa rgb(187,48,250)
```
#cc30fa
```
#cc30fa rgb(204,48,250)
```
#dd30fa
```
#dd30fa rgb(221,48,250)
```
#ee30fa
```
#ee30fa rgb(238,48,250)
```
#fa30f6
```
#fa30f6 rgb(250,48,246)
```

Similar Colors

Text with hexadecimal color #cc30fa

This text has a font color of #cc30fa.

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

#cc30fa background color

This paragraph has a background color of #cc30fa.

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

#cc30fa border color

This element has a border color of #cc30fa.

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

CSS codes

.text {color:#cc30fa;}

.background {background-color:#cc30fa;}

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

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 #fbf0ff is the lightest one.

#030004
```
#030004 rgb(3,0,4)
```
#120117
```
#120117 rgb(18,1,23)
```
#21012a
```
#21012a rgb(33,1,42)
```
#30013d
```
#30013d rgb(48,1,61)
```
#3e0250
```
#3e0250 rgb(62,2,80)
```
#4d0263
```
#4d0263 rgb(77,2,99)
```
#5c0377
```
#5c0377 rgb(92,3,119)
```
#6b038a
```
#6b038a rgb(107,3,138)
```
#7a049d
```
#7a049d rgb(122,4,157)
```
#8904b0
```
#8904b0 rgb(137,4,176)
```
#9805c3
```
#9805c3 rgb(152,5,195)
```
#a705d6
```
#a705d6 rgb(167,5,214)
```
#b606ea
```
#b606ea rgb(182,6,234)
```

Shade Color Variation

#c30af9
```
#c30af9 rgb(195,10,249)
```
#c71dfa
```
#c71dfa rgb(199,29,250)
```
#cc30fa
```
#cc30fa rgb(204,48,250)
```
#d143fa
```
#d143fa rgb(209,67,250)
```
#d556fb
```
#d556fb rgb(213,86,251)
```
#da69fb
```
#da69fb rgb(218,105,251)
```
#df7dfc
```
#df7dfc rgb(223,125,252)
```
#e490fc
```
#e490fc rgb(228,144,252)
```
#e8a3fd
```
#e8a3fd rgb(232,163,253)
```
#edb6fd
```
#edb6fd rgb(237,182,253)
```
#f2c9fe
```
#f2c9fe rgb(242,201,254)
```
#f6dcfe
```
#f6dcfe rgb(246,220,254)
```
#fbf0ff
```
#fbf0ff rgb(251,240,255)
```

Tint Color Variation

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

#979298
```
#979298 rgb(151,146,152)
```
#9b8aa0
```
#9b8aa0 rgb(155,138,160)
```
#a082a8
```
#a082a8 rgb(160,130,168)
```
#a479b1
```
#a479b1 rgb(164,121,177)
```
#a871b9
```
#a871b9 rgb(168,113,185)
```
#ad69c1
```
#ad69c1 rgb(173,105,193)
```
#b161c9
```
#b161c9 rgb(177,97,201)
```
#b659d1
```
#b659d1 rgb(182,89,209)
```
#ba51d9
```
#ba51d9 rgb(186,81,217)
```
#bf48e2
```
#bf48e2 rgb(191,72,226)
```
#c340ea
```
#c340ea rgb(195,64,234)
```
#c838f2
```
#c838f2 rgb(200,56,242)
```
#cc30fa
```
#cc30fa rgb(204,48,250)
```

Tone Color Variation

Below, you can see how #cc30fa 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
#876890 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1683ff Protanopia 1% of men
#1489e4 Deuteranopia 1% of men
#b9737b Tritanopia 0.001% of the population

Trichromacy

#5865fd Protanomaly 1% of men, 0.01% of women
#5768ec Deuteranomaly 6% of men, 0.4% of women
#c05aa9 Tritanomaly 0.01% of the population

#cc30fa hex color

#cc30fa Color Information

#cc30fa Color Conversion

Color Schemes with #cc30fa

Alternatives to #cc30fa

#cc30fa Preview

Shades and Tints of #cc30fa

Tones of #cc30fa

Color Blindness Simulator