#c302fd hex color

In a RGB color space, hex #c302fd is composed of 76.5% red, 0.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 99.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 286.1 degrees, a saturation of 98.4% and a lightness of 50%. #c302fd color hex could be obtained by blending #ff04ff with #8700fb. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 76
- G 1
- B 99
RGB color chart
- C 23
- M 99
- Y 0
- K 1
CMYK color chart

● #c302fd color description : Vivid magenta.

The hexadecimal color #c302fd has RGB values of R:195, G:2, B:253 and CMYK values of C:0.23, M:0.99, Y:0, K:0.01. Its decimal value is 12780285.

Hex triplet	c302fd	`#c302fd`
RGB Decimal	195, 2, 253	`rgb(195,2,253)`
RGB Percent	76.5, 0.8, 99.2	`rgb(76.5%,0.8%,99.2%)`
CMYK	23, 99, 0, 1
HSL	286.1°, 98.4, 50	`hsl(286.1,98.4%,50%)`
HSV (or HSB)	286.1°, 99.2, 99.2
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	50.38, 89.366, -76.271
XYZ	40.255, 18.739, 94.42
xyY	0.262, 0.122, 18.739
CIE-LCH	50.38, 117.489, 319.52
CIE-LUV	50.38, 44.853, -124.04
Hunter-Lab	43.289, 90.235, -99.019
Binary	11000011, 00000010, 11111101

#c302fd
```
#c302fd rgb(195,2,253)
```
#3cfd02
```
#3cfd02 rgb(60,253,2)
```

Complementary Color

#4602fd
```
#4602fd rgb(70,2,253)
```
#c302fd
```
#c302fd rgb(195,2,253)
```
#fd02ba
```
#fd02ba rgb(253,2,186)
```

Analogous Color

#02fd46
```
#02fd46 rgb(2,253,70)
```
#c302fd
```
#c302fd rgb(195,2,253)
```
#bafd02
```
#bafd02 rgb(186,253,2)
```

Split Complementary Color

#02fdc3
```
#02fdc3 rgb(2,253,195)
```
#c302fd
```
#c302fd rgb(195,2,253)
```
#fdc302
```
#fdc302 rgb(253,195,2)
```

Triadic Color

#023cfd
```
#023cfd rgb(2,60,253)
```
#c302fd
```
#c302fd rgb(195,2,253)
```
#fdc302
```
#fdc302 rgb(253,195,2)
```
#3cfd02
```
#3cfd02 rgb(60,253,2)
```

Tetradic Color

#8901b1
```
#8901b1 rgb(137,1,177)
```
#9c02ca
```
#9c02ca rgb(156,2,202)
```
#b002e4
```
#b002e4 rgb(176,2,228)
```
#c302fd
```
#c302fd rgb(195,2,253)
```
#c91bfd
```
#c91bfd rgb(201,27,253)
```
#cf35fd
```
#cf35fd rgb(207,53,253)
```
#d54efe
```
#d54efe rgb(213,78,254)
```

Monochromatic Color

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

#8402fd
```
#8402fd rgb(132,2,253)
```
#9902fd
```
#9902fd rgb(153,2,253)
```
#ae02fd
```
#ae02fd rgb(174,2,253)
```
#c302fd
```
#c302fd rgb(195,2,253)
```
#d802fd
```
#d802fd rgb(216,2,253)
```
#ed02fd
```
#ed02fd rgb(237,2,253)
```
#fd02f8
```
#fd02f8 rgb(253,2,248)
```

Similar Colors

Text with hexadecimal color #c302fd

This text has a font color of #c302fd.

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

#c302fd background color

This paragraph has a background color of #c302fd.

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

#c302fd border color

This element has a border color of #c302fd.

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

CSS codes

.text {color:#c302fd;}

.background {background-color:#c302fd;}

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

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

#0f0013
```
#0f0013 rgb(15,0,19)
```
#1e0027
```
#1e0027 rgb(30,0,39)
```
#2d003a
```
#2d003a rgb(45,0,58)
```
#3c014e
```
#3c014e rgb(60,1,78)
```
#4b0161
```
#4b0161 rgb(75,1,97)
```
#5a0175
```
#5a0175 rgb(90,1,117)
```
#690188
```
#690188 rgb(105,1,136)
```
#78019c
```
#78019c rgb(120,1,156)
```
#8701af
```
#8701af rgb(135,1,175)
```
#9602c3
```
#9602c3 rgb(150,2,195)
```
#a502d6
```
#a502d6 rgb(165,2,214)
```
#b402ea
```
#b402ea rgb(180,2,234)
```
#c302fd
```
#c302fd rgb(195,2,253)
```

Shade Color Variation

#c815fd
```
#c815fd rgb(200,21,253)
```
#cc29fd
```
#cc29fd rgb(204,41,253)
```
#d13cfd
```
#d13cfd rgb(209,60,253)
```
#d550fe
```
#d550fe rgb(213,80,254)
```
#da63fe
```
#da63fe rgb(218,99,254)
```
#df77fe
```
#df77fe rgb(223,119,254)
```
#e38afe
```
#e38afe rgb(227,138,254)
```
#e89efe
```
#e89efe rgb(232,158,254)
```
#edb1fe
```
#edb1fe rgb(237,177,254)
```
#f1c5ff
```
#f1c5ff rgb(241,197,255)
```
#f6d8ff
```
#f6d8ff rgb(246,216,255)
```
#faecff
```
#faecff rgb(250,236,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#847887
```
#847887 rgb(132,120,135)
```
#896e91
```
#896e91 rgb(137,110,145)
```
#8e649b
```
#8e649b rgb(142,100,155)
```
#945aa5
```
#945aa5 rgb(148,90,165)
```
#9950af
```
#9950af rgb(153,80,175)
```
#9e47b8
```
#9e47b8 rgb(158,71,184)
```
#a33dc2
```
#a33dc2 rgb(163,61,194)
```
#a933cc
```
#a933cc rgb(169,51,204)
```
#ae29d6
```
#ae29d6 rgb(174,41,214)
```
#b31fe0
```
#b31fe0 rgb(179,31,224)
```
#b816e9
```
#b816e9 rgb(184,22,233)
```
#be0cf3
```
#be0cf3 rgb(190,12,243)
```
#c302fd
```
#c302fd rgb(195,2,253)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6d4779 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bef Protanopia 1% of men
#0081d4 Deuteranopia 1% of men
#ad6c73 Tritanopia 0.001% of the population

Trichromacy

#464ff4 Protanomaly 1% of men, 0.01% of women
#4653e3 Deuteranomaly 6% of men, 0.4% of women
#b545a5 Tritanomaly 0.01% of the population

#c302fd hex color

#c302fd Color Information

#c302fd Color Conversion

Color Schemes with #c302fd

Alternatives to #c302fd

#c302fd Preview

Shades and Tints of #c302fd

Tones of #c302fd

Color Blindness Simulator