#c300f3 hex color

In a RGB color space, hex #c300f3 is composed of 76.5% red, 0% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 100% magenta, 0% yellow and 4.7% black. It has a hue angle of 288.1 degrees, a saturation of 100% and a lightness of 47.6%. #c300f3 color hex could be obtained by blending #ff00ff with #8700e7. Closest websafe color is: #cc00ff.

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

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

The hexadecimal color #c300f3 has RGB values of R:195, G:0, B:243 and CMYK values of C:0.2, M:1, Y:0, K:0.05. Its decimal value is 12779763.

Hex triplet	c300f3	`#c300f3`
RGB Decimal	195, 0, 243	`rgb(195,0,243)`
RGB Percent	76.5, 0, 95.3	`rgb(76.5%,0%,95.3%)`
CMYK	20, 100, 0, 5
HSL	288.1°, 100, 47.6	`hsl(288.1,100%,47.6%)`
HSV (or HSB)	288.1°, 100, 95.3
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.587, 87.829, -71.965
XYZ	38.681, 18.075, 86.24
xyY	0.271, 0.126, 18.075
CIE-LCH	49.587, 113.547, 320.669
CIE-LUV	49.587, 47.904, -117.453
Hunter-Lab	42.515, 88.005, -90.509
Binary	11000011, 00000000, 11110011

#c300f3
```
#c300f3 rgb(195,0,243)
```
#30f300
```
#30f300 rgb(48,243,0)
```

Complementary Color

#4a00f3
```
#4a00f3 rgb(74,0,243)
```
#c300f3
```
#c300f3 rgb(195,0,243)
```
#f300aa
```
#f300aa rgb(243,0,170)
```

Analogous Color

#00f34a
```
#00f34a rgb(0,243,74)
```
#c300f3
```
#c300f3 rgb(195,0,243)
```
#aaf300
```
#aaf300 rgb(170,243,0)
```

Split Complementary Color

#00f3c3
```
#00f3c3 rgb(0,243,195)
```
#c300f3
```
#c300f3 rgb(195,0,243)
```
#f3c300
```
#f3c300 rgb(243,195,0)
```

Triadic Color

#0030f3
```
#0030f3 rgb(0,48,243)
```
#c300f3
```
#c300f3 rgb(195,0,243)
```
#f3c300
```
#f3c300 rgb(243,195,0)
```
#30f300
```
#30f300 rgb(48,243,0)
```

Tetradic Color

#8600a7
```
#8600a7 rgb(134,0,167)
```
#9a00c0
```
#9a00c0 rgb(154,0,192)
```
#af00da
```
#af00da rgb(175,0,218)
```
#c300f3
```
#c300f3 rgb(195,0,243)
```
#cf0eff
```
#cf0eff rgb(207,14,255)
```
#d427ff
```
#d427ff rgb(212,39,255)
```
#d941ff
```
#d941ff rgb(217,65,255)
```

Monochromatic Color

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

#8600f3
```
#8600f3 rgb(134,0,243)
```
#9b00f3
```
#9b00f3 rgb(155,0,243)
```
#af00f3
```
#af00f3 rgb(175,0,243)
```
#c300f3
```
#c300f3 rgb(195,0,243)
```
#d700f3
```
#d700f3 rgb(215,0,243)
```
#ec00f3
```
#ec00f3 rgb(236,0,243)
```
#f300e6
```
#f300e6 rgb(243,0,230)
```

Similar Colors

Text with hexadecimal color #c300f3

This text has a font color of #c300f3.

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

#c300f3 background color

This paragraph has a background color of #c300f3.

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

#c300f3 border color

This element has a border color of #c300f3.

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

CSS codes

.text {color:#c300f3;}

.background {background-color:#c300f3;}

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

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

#060008
```
#060008 rgb(6,0,8)
```
#16001b
```
#16001b rgb(22,0,27)
```
#26002f
```
#26002f rgb(38,0,47)
```
#350042
```
#350042 rgb(53,0,66)
```
#450056
```
#450056 rgb(69,0,86)
```
#55006a
```
#55006a rgb(85,0,106)
```
#65007d
```
#65007d rgb(101,0,125)
```
#740091
```
#740091 rgb(116,0,145)
```
#8400a5
```
#8400a5 rgb(132,0,165)
```
#9400b8
```
#9400b8 rgb(148,0,184)
```
#a400cc
```
#a400cc rgb(164,0,204)
```
#b300df
```
#b300df rgb(179,0,223)
```
#c300f3
```
#c300f3 rgb(195,0,243)
```

Shade Color Variation

#ce08ff
```
#ce08ff rgb(206,8,255)
```
#d21bff
```
#d21bff rgb(210,27,255)
```
#d62fff
```
#d62fff rgb(214,47,255)
```
#da42ff
```
#da42ff rgb(218,66,255)
```
#de56ff
```
#de56ff rgb(222,86,255)
```
#e26aff
```
#e26aff rgb(226,106,255)
```
#e57dff
```
#e57dff rgb(229,125,255)
```
#e991ff
```
#e991ff rgb(233,145,255)
```
#eda5ff
```
#eda5ff rgb(237,165,255)
```
#f1b8ff
```
#f1b8ff rgb(241,184,255)
```
#f5ccff
```
#f5ccff rgb(245,204,255)
```
#f9dfff
```
#f9dfff rgb(249,223,255)
```
#fdf3ff
```
#fdf3ff rgb(253,243,255)
```

Tint Color Variation

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

#7f7083
```
#7f7083 rgb(127,112,131)
```
#85678c
```
#85678c rgb(133,103,140)
```
#8a5d96
```
#8a5d96 rgb(138,93,150)
```
#90549f
```
#90549f rgb(144,84,159)
```
#964ba8
```
#964ba8 rgb(150,75,168)
```
#9b41b2
```
#9b41b2 rgb(155,65,178)
```
#a138bb
```
#a138bb rgb(161,56,187)
```
#a72fc4
```
#a72fc4 rgb(167,47,196)
```
#ac25ce
```
#ac25ce rgb(172,37,206)
```
#b21cd7
```
#b21cd7 rgb(178,28,215)
```
#b813e0
```
#b813e0 rgb(184,19,224)
```
#bd09ea
```
#bd09ea rgb(189,9,234)
```
#c300f3
```
#c300f3 rgb(195,0,243)
```

Tone Color Variation

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

#0079ec Protanopia 1% of men
#007fd2 Deuteranopia 1% of men
#b0686f Tritanopia 0.001% of the population

Trichromacy

#464dee Protanomaly 1% of men, 0.01% of women
#4651de Deuteranomaly 6% of men, 0.4% of women
#b7429f Tritanomaly 0.01% of the population

#c300f3 hex color

#c300f3 Color Information

#c300f3 Color Conversion

Color Schemes with #c300f3

Alternatives to #c300f3

#c300f3 Preview

Shades and Tints of #c300f3

Tones of #c300f3

Color Blindness Simulator