#c300f7 hex color

In a RGB color space, hex #c300f7 is composed of 76.5% red, 0% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 21.1% cyan, 100% magenta, 0% yellow and 3.1% black. It has a hue angle of 287.4 degrees, a saturation of 100% and a lightness of 48.4%. #c300f7 color hex could be obtained by blending #ff00ff with #8700ef. Closest websafe color is: #cc00ff.

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

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

The hexadecimal color #c300f7 has RGB values of R:195, G:0, B:247 and CMYK values of C:0.21, M:1, Y:0, K:0.03. Its decimal value is 12779767.

Hex triplet	c300f7	`#c300f7`
RGB Decimal	195, 0, 247	`rgb(195,0,247)`
RGB Percent	76.5, 0, 96.9	`rgb(76.5%,0%,96.9%)`
CMYK	21, 100, 0, 3
HSL	287.4°, 100, 48.4	`hsl(287.4,100%,48.4%)`
HSV (or HSB)	287.4°, 100, 96.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.881, 88.501, -73.731
XYZ	39.292, 18.319, 89.457
xyY	0.267, 0.125, 18.319
CIE-LCH	49.881, 115.19, 320.202
CIE-LUV	49.881, 46.689, -120.138
Hunter-Lab	42.801, 88.965, -93.959
Binary	11000011, 00000000, 11110111

#c300f7
```
#c300f7 rgb(195,0,247)
```
#34f700
```
#34f700 rgb(52,247,0)
```

Complementary Color

#4800f7
```
#4800f7 rgb(72,0,247)
```
#c300f7
```
#c300f7 rgb(195,0,247)
```
#f700b0
```
#f700b0 rgb(247,0,176)
```

Analogous Color

#00f748
```
#00f748 rgb(0,247,72)
```
#c300f7
```
#c300f7 rgb(195,0,247)
```
#b0f700
```
#b0f700 rgb(176,247,0)
```

Split Complementary Color

#00f7c3
```
#00f7c3 rgb(0,247,195)
```
#c300f7
```
#c300f7 rgb(195,0,247)
```
#f7c300
```
#f7c300 rgb(247,195,0)
```

Triadic Color

#0034f7
```
#0034f7 rgb(0,52,247)
```
#c300f7
```
#c300f7 rgb(195,0,247)
```
#f7c300
```
#f7c300 rgb(247,195,0)
```
#34f700
```
#34f700 rgb(52,247,0)
```

Tetradic Color

#8700ab
```
#8700ab rgb(135,0,171)
```
#9b00c4
```
#9b00c4 rgb(155,0,196)
```
#af00de
```
#af00de rgb(175,0,222)
```
#c300f7
```
#c300f7 rgb(195,0,247)
```
#cd12ff
```
#cd12ff rgb(205,18,255)
```
#d22bff
```
#d22bff rgb(210,43,255)
```
#d845ff
```
#d845ff rgb(216,69,255)
```

Monochromatic Color

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

#8500f7
```
#8500f7 rgb(133,0,247)
```
#9a00f7
```
#9a00f7 rgb(154,0,247)
```
#ae00f7
```
#ae00f7 rgb(174,0,247)
```
#c300f7
```
#c300f7 rgb(195,0,247)
```
#d800f7
```
#d800f7 rgb(216,0,247)
```
#ec00f7
```
#ec00f7 rgb(236,0,247)
```
#f700ed
```
#f700ed rgb(247,0,237)
```

Similar Colors

Text with hexadecimal color #c300f7

This text has a font color of #c300f7.

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

#c300f7 background color

This paragraph has a background color of #c300f7.

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

#c300f7 border color

This element has a border color of #c300f7.

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

CSS codes

.text {color:#c300f7;}

.background {background-color:#c300f7;}

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

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, #09000c is the darkest color, while #fdf7ff is the lightest one.

#09000c
```
#09000c rgb(9,0,12)
```
#19001f
```
#19001f rgb(25,0,31)
```
#280033
```
#280033 rgb(40,0,51)
```
#380046
```
#380046 rgb(56,0,70)
```
#47005a
```
#47005a rgb(71,0,90)
```
#57006e
```
#57006e rgb(87,0,110)
```
#660081
```
#660081 rgb(102,0,129)
```
#760095
```
#760095 rgb(118,0,149)
```
#8500a9
```
#8500a9 rgb(133,0,169)
```
#9500bc
```
#9500bc rgb(149,0,188)
```
#a400d0
```
#a400d0 rgb(164,0,208)
```
#b400e3
```
#b400e3 rgb(180,0,227)
```
#c300f7
```
#c300f7 rgb(195,0,247)
```

Shade Color Variation

#cc0cff
```
#cc0cff rgb(204,12,255)
```
#d01fff
```
#d01fff rgb(208,31,255)
```
#d433ff
```
#d433ff rgb(212,51,255)
```
#d846ff
```
#d846ff rgb(216,70,255)
```
#dc5aff
```
#dc5aff rgb(220,90,255)
```
#e06eff
```
#e06eff rgb(224,110,255)
```
#e581ff
```
#e581ff rgb(229,129,255)
```
#e995ff
```
#e995ff rgb(233,149,255)
```
#eda9ff
```
#eda9ff rgb(237,169,255)
```
#f1bcff
```
#f1bcff rgb(241,188,255)
```
#f5d0ff
```
#f5d0ff rgb(245,208,255)
```
#f9e3ff
```
#f9e3ff rgb(249,227,255)
```
#fdf7ff
```
#fdf7ff rgb(253,247,255)
```

Tint Color Variation

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

#817285
```
#817285 rgb(129,114,133)
```
#87698f
```
#87698f rgb(135,105,143)
```
#8c5f98
```
#8c5f98 rgb(140,95,152)
```
#9256a2
```
#9256a2 rgb(146,86,162)
```
#974cab
```
#974cab rgb(151,76,171)
```
#9d43b5
```
#9d43b5 rgb(157,67,181)
```
#a239be
```
#a239be rgb(162,57,190)
```
#a830c8
```
#a830c8 rgb(168,48,200)
```
#ad26d1
```
#ad26d1 rgb(173,38,209)
```
#b31ddb
```
#b31ddb rgb(179,29,219)
```
#b813e4
```
#b813e4 rgb(184,19,228)
```
#be0aee
```
#be0aee rgb(190,10,238)
```
#c300f7
```
#c300f7 rgb(195,0,247)
```

Tone Color Variation

Below, you can see how #c300f7 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
#6c4576 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aed Protanopia 1% of men
#0080d3 Deuteranopia 1% of men
#af6970 Tritanopia 0.001% of the population

Trichromacy

#464df0 Protanomaly 1% of men, 0.01% of women
#4651e0 Deuteranomaly 6% of men, 0.4% of women
#b643a1 Tritanomaly 0.01% of the population

#c300f7 hex color

#c300f7 Color Information

#c300f7 Color Conversion

Color Schemes with #c300f7

Alternatives to #c300f7

#c300f7 Preview

Shades and Tints of #c300f7

Tones of #c300f7

Color Blindness Simulator