#c300ff hex color

In a RGB color space, hex #c300ff is composed of 76.5% red, 0% green and 100% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 100% magenta, 0% yellow and 0% black. It has a hue angle of 285.9 degrees, a saturation of 100% and a lightness of 50%. #c300ff color hex could be obtained by blending #ff00ff with #8700ff. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 76
- G 0
- B 100
RGB color chart
- C 24
- M 100
- Y 0
- K 0
CMYK color chart

● #c300ff color description : Pure (or mostly pure) magenta.

The hexadecimal color #c300ff has RGB values of R:195, G:0, B:255 and CMYK values of C:0.24, M:1, Y:0, K:0. Its decimal value is 12779775.

Hex triplet	c300ff	`#c300ff`
RGB Decimal	195, 0, 255	`rgb(195,0,255)`
RGB Percent	76.5, 0, 100	`rgb(76.5%,0%,100%)`
CMYK	24, 100, 0, 0
HSL	285.9°, 100, 50	`hsl(285.9,100%,50%)`
HSV (or HSB)	285.9°, 100, 100
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	50.48, 89.861, -77.224
XYZ	40.553, 18.824, 96.099
xyY	0.261, 0.121, 18.824
CIE-LCH	50.48, 118.484, 319.325
CIE-LUV	50.48, 44.335, -125.446
Hunter-Lab	43.386, 90.919, -100.955
Binary	11000011, 00000000, 11111111

#c300ff
```
#c300ff rgb(195,0,255)
```
#3cff00
```
#3cff00 rgb(60,255,0)
```

Complementary Color

#4400ff
```
#4400ff rgb(68,0,255)
```
#c300ff
```
#c300ff rgb(195,0,255)
```
#ff00bc
```
#ff00bc rgb(255,0,188)
```

Analogous Color

#00ff44
```
#00ff44 rgb(0,255,68)
```
#c300ff
```
#c300ff rgb(195,0,255)
```
#bcff00
```
#bcff00 rgb(188,255,0)
```

Split Complementary Color

#00ffc3
```
#00ffc3 rgb(0,255,195)
```
#c300ff
```
#c300ff rgb(195,0,255)
```
#ffc300
```
#ffc300 rgb(255,195,0)
```

Triadic Color

#003cff
```
#003cff rgb(0,60,255)
```
#c300ff
```
#c300ff rgb(195,0,255)
```
#ffc300
```
#ffc300 rgb(255,195,0)
```
#3cff00
```
#3cff00 rgb(60,255,0)
```

Tetradic Color

#8900b3
```
#8900b3 rgb(137,0,179)
```
#9c00cc
```
#9c00cc rgb(156,0,204)
```
#b000e6
```
#b000e6 rgb(176,0,230)
```
#c300ff
```
#c300ff rgb(195,0,255)
```
#c91aff
```
#c91aff rgb(201,26,255)
```
#cf33ff
```
#cf33ff rgb(207,51,255)
```
#d54dff
```
#d54dff rgb(213,77,255)
```

Monochromatic Color

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

#8300ff
```
#8300ff rgb(131,0,255)
```
#9900ff
```
#9900ff rgb(153,0,255)
```
#ae00ff
```
#ae00ff rgb(174,0,255)
```
#c300ff
```
#c300ff rgb(195,0,255)
```
#d800ff
```
#d800ff rgb(216,0,255)
```
#ee00ff
```
#ee00ff rgb(238,0,255)
```
#ff00fb
```
#ff00fb rgb(255,0,251)
```

Similar Colors

Text with hexadecimal color #c300ff

This text has a font color of #c300ff.

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

#c300ff background color

This paragraph has a background color of #c300ff.

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

#c300ff border color

This element has a border color of #c300ff.

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

CSS codes

.text {color:#c300ff;}

.background {background-color:#c300ff;}

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

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

#0f0014
```
#0f0014 rgb(15,0,20)
```
#1e0027
```
#1e0027 rgb(30,0,39)
```
#2d003b
```
#2d003b rgb(45,0,59)
```
#3c004e
```
#3c004e rgb(60,0,78)
```
#4b0062
```
#4b0062 rgb(75,0,98)
```
#5a0076
```
#5a0076 rgb(90,0,118)
```
#690089
```
#690089 rgb(105,0,137)
```
#78009d
```
#78009d rgb(120,0,157)
```
#8700b1
```
#8700b1 rgb(135,0,177)
```
#9600c4
```
#9600c4 rgb(150,0,196)
```
#a500d8
```
#a500d8 rgb(165,0,216)
```
#b400eb
```
#b400eb rgb(180,0,235)
```
#c300ff
```
#c300ff rgb(195,0,255)
```

Shade Color Variation

#c814ff
```
#c814ff rgb(200,20,255)
```
#cc27ff
```
#cc27ff rgb(204,39,255)
```
#d13bff
```
#d13bff rgb(209,59,255)
```
#d54eff
```
#d54eff rgb(213,78,255)
```
#da62ff
```
#da62ff rgb(218,98,255)
```
#df76ff
```
#df76ff rgb(223,118,255)
```
#e389ff
```
#e389ff rgb(227,137,255)
```
#e89dff
```
#e89dff rgb(232,157,255)
```
#edb1ff
```
#edb1ff rgb(237,177,255)
```
#f1c4ff
```
#f1c4ff rgb(241,196,255)
```
#f6d8ff
```
#f6d8ff rgb(246,216,255)
```
#faebff
```
#faebff rgb(250,235,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#857689
```
#857689 rgb(133,118,137)
```
#8a6c93
```
#8a6c93 rgb(138,108,147)
```
#8f629d
```
#8f629d rgb(143,98,157)
```
#9458a7
```
#9458a7 rgb(148,88,167)
```
#994eb1
```
#994eb1 rgb(153,78,177)
```
#9f45ba
```
#9f45ba rgb(159,69,186)
```
#a43bc4
```
#a43bc4 rgb(164,59,196)
```
#a931ce
```
#a931ce rgb(169,49,206)
```
#ae27d8
```
#ae27d8 rgb(174,39,216)
```
#b31de2
```
#b31de2 rgb(179,29,226)
```
#b914eb
```
#b914eb rgb(185,20,235)
```
#be0af5
```
#be0af5 rgb(190,10,245)
```
#c300ff
```
#c300ff rgb(195,0,255)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6d4679 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf0 Protanopia 1% of men
#0081d4 Deuteranopia 1% of men
#ad6c74 Tritanopia 0.001% of the population

Trichromacy

#464ef5 Protanomaly 1% of men, 0.01% of women
#4652e4 Deuteranomaly 6% of men, 0.4% of women
#b545a6 Tritanomaly 0.01% of the population

#c300ff hex color

#c300ff Color Information

#c300ff Color Conversion

Color Schemes with #c300ff

Alternatives to #c300ff

#c300ff Preview

Shades and Tints of #c300ff

Tones of #c300ff

Color Blindness Simulator