#cc30f6 hex color

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

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

● #cc30f6 color description : Bright magenta.

The hexadecimal color #cc30f6 has RGB values of R:204, G:48, B:246 and CMYK values of C:0.17, M:0.8, Y:0, K:0.04. Its decimal value is 13381878.

Hex triplet	cc30f6	`#cc30f6`
RGB Decimal	204, 48, 246	`rgb(204,48,246)`
RGB Percent	80, 18.8, 96.5	`rgb(80%,18.8%,96.5%)`
CMYK	17, 80, 0, 4
HSL	287.3°, 91.7, 57.6	`hsl(287.3,91.7%,57.6%)`
HSV (or HSB)	287.3°, 80.5, 96.5
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.608, 82.585, -67.064
XYZ	42.591, 21.607, 89.111
xyY	0.278, 0.141, 21.607
CIE-LCH	53.608, 106.385, 320.921
CIE-LUV	53.608, 49.385, -112.637
Hunter-Lab	46.483, 82.209, -81.123
Binary	11001100, 00110000, 11110110

#cc30f6
```
#cc30f6 rgb(204,48,246)
```
#5af630
```
#5af630 rgb(90,246,48)
```

Complementary Color

#6930f6
```
#6930f6 rgb(105,48,246)
```
#cc30f6
```
#cc30f6 rgb(204,48,246)
```
#f630bd
```
#f630bd rgb(246,48,189)
```

Analogous Color

#30f669
```
#30f669 rgb(48,246,105)
```
#cc30f6
```
#cc30f6 rgb(204,48,246)
```
#bdf630
```
#bdf630 rgb(189,246,48)
```

Split Complementary Color

#30f6cc
```
#30f6cc rgb(48,246,204)
```
#cc30f6
```
#cc30f6 rgb(204,48,246)
```
#f6cc30
```
#f6cc30 rgb(246,204,48)
```

Triadic Color

#305af6
```
#305af6 rgb(48,90,246)
```
#cc30f6
```
#cc30f6 rgb(204,48,246)
```
#f6cc30
```
#f6cc30 rgb(246,204,48)
```
#5af630
```
#5af630 rgb(90,246,48)
```

Tetradic Color

#a609d0
```
#a609d0 rgb(166,9,208)
```
#ba0ae9
```
#ba0ae9 rgb(186,10,233)
```
#c618f5
```
#c618f5 rgb(198,24,245)
```
#cc30f6
```
#cc30f6 rgb(204,48,246)
```
#d248f7
```
#d248f7 rgb(210,72,247)
```
#d861f8
```
#d861f8 rgb(216,97,248)
```
#de79f9
```
#de79f9 rgb(222,121,249)
```

Monochromatic Color

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

#9b30f6
```
#9b30f6 rgb(155,48,246)
```
#ab30f6
```
#ab30f6 rgb(171,48,246)
```
#bc30f6
```
#bc30f6 rgb(188,48,246)
```
#cc30f6
```
#cc30f6 rgb(204,48,246)
```
#dd30f6
```
#dd30f6 rgb(221,48,246)
```
#ed30f6
```
#ed30f6 rgb(237,48,246)
```
#f630ef
```
#f630ef rgb(246,48,239)
```

Similar Colors

Text with hexadecimal color #cc30f6

This text has a font color of #cc30f6.

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

#cc30f6 background color

This paragraph has a background color of #cc30f6.

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

#cc30f6 border color

This element has a border color of #cc30f6.

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

CSS codes

.text {color:#cc30f6;}

.background {background-color:#cc30f6;}

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

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)
```
#2d0238
```
#2d0238 rgb(45,2,56)
```
#3c034b
```
#3c034b rgb(60,3,75)
```
#4b045e
```
#4b045e rgb(75,4,94)
```
#5a0571
```
#5a0571 rgb(90,5,113)
```
#690683
```
#690683 rgb(105,6,131)
```
#780796
```
#780796 rgb(120,7,150)
```
#8707a9
```
#8707a9 rgb(135,7,169)
```
#9608bc
```
#9608bc rgb(150,8,188)
```
#a509cf
```
#a509cf rgb(165,9,207)
```
#b40ae1
```
#b40ae1 rgb(180,10,225)
```
#c30bf4
```
#c30bf4 rgb(195,11,244)
```

Shade Color Variation

#c71df5
```
#c71df5 rgb(199,29,245)
```
#cc30f6
```
#cc30f6 rgb(204,48,246)
```
#d143f7
```
#d143f7 rgb(209,67,247)
```
#d556f8
```
#d556f8 rgb(213,86,248)
```
#da68f8
```
#da68f8 rgb(218,104,248)
```
#df7bf9
```
#df7bf9 rgb(223,123,249)
```
#e38efa
```
#e38efa rgb(227,142,250)
```
#e8a1fb
```
#e8a1fb rgb(232,161,251)
```
#ecb4fc
```
#ecb4fc rgb(236,180,252)
```
#f1c6fd
```
#f1c6fd rgb(241,198,253)
```
#f6d9fd
```
#f6d9fd rgb(246,217,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, #978b9b is the less saturated color, while #d128fe is the most saturated one.

#978b9b
```
#978b9b rgb(151,139,155)
```
#9c83a3
```
#9c83a3 rgb(156,131,163)
```
#a17bab
```
#a17bab rgb(161,123,171)
```
#a672b4
```
#a672b4 rgb(166,114,180)
```
#ab6abc
```
#ab6abc rgb(171,106,188)
```
#af62c4
```
#af62c4 rgb(175,98,196)
```
#b45acc
```
#b45acc rgb(180,90,204)
```
#b951d5
```
#b951d5 rgb(185,81,213)
```
#be49dd
```
#be49dd rgb(190,73,221)
```
#c241e5
```
#c241e5 rgb(194,65,229)
```
#c738ee
```
#c738ee rgb(199,56,238)
```
#cc30f6
```
#cc30f6 rgb(204,48,246)
```
#d128fe
```
#d128fe rgb(209,40,254)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#86678f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0182ff Protanopia 1% of men
#2788e1 Deuteranopia 1% of men
#ba7179 Tritanopia 0.001% of the population

Trichromacy

#4b64fb Protanomaly 1% of men, 0.01% of women
#6368e9 Deuteranomaly 6% of men, 0.4% of women
#c059a6 Tritanomaly 0.01% of the population

#cc30f6 hex color

#cc30f6 Color Information

#cc30f6 Color Conversion

Color Schemes with #cc30f6

Alternatives to #cc30f6

#cc30f6 Preview

Shades and Tints of #cc30f6

Tones of #cc30f6

Color Blindness Simulator