#c300f2 hex color

In a RGB color space, hex #c300f2 is composed of 76.5% red, 0% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 100% magenta, 0% yellow and 5.1% black. It has a hue angle of 288.3 degrees, a saturation of 100% and a lightness of 47.5%. #c300f2 color hex could be obtained by blending #ff00ff with #8700e5. Closest websafe color is: #cc00ff.

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

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

The hexadecimal color #c300f2 has RGB values of R:195, G:0, B:242 and CMYK values of C:0.19, M:1, Y:0, K:0.05. Its decimal value is 12779762.

Hex triplet	c300f2	`#c300f2`
RGB Decimal	195, 0, 242	`rgb(195,0,242)`
RGB Percent	76.5, 0, 94.9	`rgb(76.5%,0%,94.9%)`
CMYK	19, 100, 0, 5
HSL	288.3°, 100, 47.5	`hsl(288.3,100%,47.5%)`
HSV (or HSB)	288.3°, 100, 94.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.514, 87.662, -71.522
XYZ	38.531, 18.015, 85.447
xyY	0.271, 0.127, 18.015
CIE-LCH	49.514, 113.137, 320.79
CIE-LUV	49.514, 48.212, -116.779
Hunter-Lab	42.444, 87.768, -89.651
Binary	11000011, 00000000, 11110010

#c300f2
```
#c300f2 rgb(195,0,242)
```
#2ff200
```
#2ff200 rgb(47,242,0)
```

Complementary Color

#4a00f2
```
#4a00f2 rgb(74,0,242)
```
#c300f2
```
#c300f2 rgb(195,0,242)
```
#f200a8
```
#f200a8 rgb(242,0,168)
```

Analogous Color

#00f24a
```
#00f24a rgb(0,242,74)
```
#c300f2
```
#c300f2 rgb(195,0,242)
```
#a8f200
```
#a8f200 rgb(168,242,0)
```

Split Complementary Color

#00f2c3
```
#00f2c3 rgb(0,242,195)
```
#c300f2
```
#c300f2 rgb(195,0,242)
```
#f2c300
```
#f2c300 rgb(242,195,0)
```

Triadic Color

#002ff2
```
#002ff2 rgb(0,47,242)
```
#c300f2
```
#c300f2 rgb(195,0,242)
```
#f2c300
```
#f2c300 rgb(242,195,0)
```
#2ff200
```
#2ff200 rgb(47,242,0)
```

Tetradic Color

#8500a6
```
#8500a6 rgb(133,0,166)
```
#9a00bf
```
#9a00bf rgb(154,0,191)
```
#ae00d9
```
#ae00d9 rgb(174,0,217)
```
#c300f2
```
#c300f2 rgb(195,0,242)
```
#d00dff
```
#d00dff rgb(208,13,255)
```
#d526ff
```
#d526ff rgb(213,38,255)
```
#da40ff
```
#da40ff rgb(218,64,255)
```

Monochromatic Color

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

#8700f2
```
#8700f2 rgb(135,0,242)
```
#9b00f2
```
#9b00f2 rgb(155,0,242)
```
#af00f2
```
#af00f2 rgb(175,0,242)
```
#c300f2
```
#c300f2 rgb(195,0,242)
```
#d700f2
```
#d700f2 rgb(215,0,242)
```
#eb00f2
```
#eb00f2 rgb(235,0,242)
```
#f200e5
```
#f200e5 rgb(242,0,229)
```

Similar Colors

Text with hexadecimal color #c300f2

This text has a font color of #c300f2.

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

#c300f2 background color

This paragraph has a background color of #c300f2.

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

#c300f2 border color

This element has a border color of #c300f2.

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

CSS codes

.text {color:#c300f2;}

.background {background-color:#c300f2;}

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

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

#050007
```
#050007 rgb(5,0,7)
```
#15001a
```
#15001a rgb(21,0,26)
```
#25002e
```
#25002e rgb(37,0,46)
```
#350041
```
#350041 rgb(53,0,65)
```
#450055
```
#450055 rgb(69,0,85)
```
#540069
```
#540069 rgb(84,0,105)
```
#64007c
```
#64007c rgb(100,0,124)
```
#740090
```
#740090 rgb(116,0,144)
```
#8400a4
```
#8400a4 rgb(132,0,164)
```
#9400b7
```
#9400b7 rgb(148,0,183)
```
#a300cb
```
#a300cb rgb(163,0,203)
```
#b300de
```
#b300de rgb(179,0,222)
```
#c300f2
```
#c300f2 rgb(195,0,242)
```

Shade Color Variation

#cf07ff
```
#cf07ff rgb(207,7,255)
```
#d31aff
```
#d31aff rgb(211,26,255)
```
#d62eff
```
#d62eff rgb(214,46,255)
```
#da41ff
```
#da41ff rgb(218,65,255)
```
#de55ff
```
#de55ff rgb(222,85,255)
```
#e269ff
```
#e269ff rgb(226,105,255)
```
#e67cff
```
#e67cff rgb(230,124,255)
```
#e990ff
```
#e990ff rgb(233,144,255)
```
#eda4ff
```
#eda4ff rgb(237,164,255)
```
#f1b7ff
```
#f1b7ff rgb(241,183,255)
```
#f5cbff
```
#f5cbff rgb(245,203,255)
```
#f9deff
```
#f9deff rgb(249,222,255)
```
#fcf2ff
```
#fcf2ff rgb(252,242,255)
```

Tint Color Variation

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

#7f7082
```
#7f7082 rgb(127,112,130)
```
#84668c
```
#84668c rgb(132,102,140)
```
#8a5d95
```
#8a5d95 rgb(138,93,149)
```
#90549e
```
#90549e rgb(144,84,158)
```
#954aa8
```
#954aa8 rgb(149,74,168)
```
#9b41b1
```
#9b41b1 rgb(155,65,177)
```
#a138ba
```
#a138ba rgb(161,56,186)
```
#a72fc3
```
#a72fc3 rgb(167,47,195)
```
#ac25cd
```
#ac25cd rgb(172,37,205)
```
#b21cd6
```
#b21cd6 rgb(178,28,214)
```
#b813df
```
#b813df rgb(184,19,223)
```
#bd09e9
```
#bd09e9 rgb(189,9,233)
```
#c300f2
```
#c300f2 rgb(195,0,242)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6c4575 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079eb Protanopia 1% of men
#007fd2 Deuteranopia 1% of men
#b0676e Tritanopia 0.001% of the population

Trichromacy

#464dee Protanomaly 1% of men, 0.01% of women
#4650dd Deuteranomaly 6% of men, 0.4% of women
#b7419e Tritanomaly 0.01% of the population

#c300f2 hex color

#c300f2 Color Information

#c300f2 Color Conversion

Color Schemes with #c300f2

Alternatives to #c300f2

#c300f2 Preview

Shades and Tints of #c300f2

Tones of #c300f2

Color Blindness Simulator