#cc30df hex color

In a RGB color space, hex #cc30df is composed of 80% red, 18.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 8.5% cyan, 78.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 293.5 degrees, a saturation of 73.2% and a lightness of 53.1%. #cc30df color hex could be obtained by blending #ff60ff with #9900bf. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 80
- G 19
- B 87
RGB color chart
- C 9
- M 78
- Y 0
- K 13
CMYK color chart

● #cc30df color description : Bright magenta.

The hexadecimal color #cc30df has RGB values of R:204, G:48, B:223 and CMYK values of C:0.09, M:0.78, Y:0, K:0.13. Its decimal value is 13381855.

Hex triplet	cc30df	`#cc30df`
RGB Decimal	204, 48, 223	`rgb(204,48,223)`
RGB Percent	80, 18.8, 87.5	`rgb(80%,18.8%,87.5%)`
CMYK	9, 78, 0, 13
HSL	293.5°, 73.2, 53.1	`hsl(293.5,73.2%,53.1%)`
HSV (or HSB)	293.5°, 78.5, 87.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	52.154, 78.657, -56.457
XYZ	39.277, 20.281, 71.654
xyY	0.299, 0.155, 20.281
CIE-LCH	52.154, 96.821, 324.331
CIE-LUV	52.154, 56.602, -95.928
Hunter-Lab	45.035, 76.868, -62.811
Binary	11001100, 00110000, 11011111

#cc30df
```
#cc30df rgb(204,48,223)
```
#43df30
```
#43df30 rgb(67,223,48)
```

Complementary Color

#7530df
```
#7530df rgb(117,48,223)
```
#cc30df
```
#cc30df rgb(204,48,223)
```
#df309b
```
#df309b rgb(223,48,155)
```

Analogous Color

#30df75
```
#30df75 rgb(48,223,117)
```
#cc30df
```
#cc30df rgb(204,48,223)
```
#9bdf30
```
#9bdf30 rgb(155,223,48)
```

Split Complementary Color

#30dfcc
```
#30dfcc rgb(48,223,204)
```
#cc30df
```
#cc30df rgb(204,48,223)
```
#dfcc30
```
#dfcc30 rgb(223,204,48)
```

Triadic Color

#3043df
```
#3043df rgb(48,67,223)
```
#cc30df
```
#cc30df rgb(204,48,223)
```
#dfcc30
```
#dfcc30 rgb(223,204,48)
```
#43df30
```
#43df30 rgb(67,223,48)
```

Tetradic Color

#991aa8
```
#991aa8 rgb(153,26,168)
```
#ad1dbf
```
#ad1dbf rgb(173,29,191)
```
#c121d5
```
#c121d5 rgb(193,33,213)
```
#cc30df
```
#cc30df rgb(204,48,223)
```
#d146e2
```
#d146e2 rgb(209,70,226)
```
#d75ce6
```
#d75ce6 rgb(215,92,230)
```
#dc72e9
```
#dc72e9 rgb(220,114,233)
```

Monochromatic Color

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

#a030df
```
#a030df rgb(160,48,223)
```
#af30df
```
#af30df rgb(175,48,223)
```
#bd30df
```
#bd30df rgb(189,48,223)
```
#cc30df
```
#cc30df rgb(204,48,223)
```
#db30df
```
#db30df rgb(219,48,223)
```
#df30d5
```
#df30d5 rgb(223,48,213)
```
#df30c6
```
#df30c6 rgb(223,48,198)
```

Similar Colors

Text with hexadecimal color #cc30df

This text has a font color of #cc30df.

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

#cc30df background color

This paragraph has a background color of #cc30df.

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

#cc30df border color

This element has a border color of #cc30df.

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

CSS codes

.text {color:#cc30df;}

.background {background-color:#cc30df;}

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

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

#0d020e
```
#0d020e rgb(13,2,14)
```
#1c051f
```
#1c051f rgb(28,5,31)
```
#2b0730
```
#2b0730 rgb(43,7,48)
```
#3b0a41
```
#3b0a41 rgb(59,10,65)
```
#4a0d52
```
#4a0d52 rgb(74,13,82)
```
#5a0f63
```
#5a0f63 rgb(90,15,99)
```
#691274
```
#691274 rgb(105,18,116)
```
#791585
```
#791585 rgb(121,21,133)
```
#881796
```
#881796 rgb(136,23,150)
```
#971aa7
```
#971aa7 rgb(151,26,167)
```
#a71cb8
```
#a71cb8 rgb(167,28,184)
```
#b61fc9
```
#b61fc9 rgb(182,31,201)
```
#c622da
```
#c622da rgb(198,34,218)
```

Shade Color Variation

#cc30df
```
#cc30df rgb(204,48,223)
```
#d041e2
```
#d041e2 rgb(208,65,226)
```
#d452e4
```
#d452e4 rgb(212,82,228)
```
#d963e7
```
#d963e7 rgb(217,99,231)
```
#dd74ea
```
#dd74ea rgb(221,116,234)
```
#e185ec
```
#e185ec rgb(225,133,236)
```
#e596ef
```
#e596ef rgb(229,150,239)
```
#e9a7f1
```
#e9a7f1 rgb(233,167,241)
```
#edb8f4
```
#edb8f4 rgb(237,184,244)
```
#f2c9f7
```
#f2c9f7 rgb(242,201,247)
```
#f6daf9
```
#f6daf9 rgb(246,218,249)
```
#faebfc
```
#faebfc rgb(250,235,252)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#8b838c
```
#8b838c rgb(139,131,140)
```
#927a95
```
#927a95 rgb(146,122,149)
```
#9a709f
```
#9a709f rgb(154,112,159)
```
#a167a8
```
#a167a8 rgb(161,103,168)
```
#a85eb1
```
#a85eb1 rgb(168,94,177)
```
#af55ba
```
#af55ba rgb(175,85,186)
```
#b64cc3
```
#b64cc3 rgb(182,76,195)
```
#be42cd
```
#be42cd rgb(190,66,205)
```
#c539d6
```
#c539d6 rgb(197,57,214)
```
#cc30df
```
#cc30df rgb(204,48,223)
```
#d327e8
```
#d327e8 rgb(211,39,232)
```
#da1ef1
```
#da1ef1 rgb(218,30,241)
```
#e214fb
```
#e214fb rgb(226,20,251)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#856689 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff8 Protanopia 1% of men
#4e83cd Deuteranopia 1% of men
#be6970 Tritanopia 0.001% of the population

Trichromacy

#4a62ef Protanomaly 1% of men, 0.01% of women
#7c65d4 Deuteranomaly 6% of men, 0.4% of women
#c35498 Tritanomaly 0.01% of the population

#cc30df hex color

#cc30df Color Information

#cc30df Color Conversion

Color Schemes with #cc30df

Alternatives to #cc30df

#cc30df Preview

Shades and Tints of #cc30df

Tones of #cc30df

Color Blindness Simulator