#c304fa hex color

In a RGB color space, hex #c304fa is composed of 76.5% red, 1.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 22% cyan, 98.4% magenta, 0% yellow and 2% black. It has a hue angle of 286.6 degrees, a saturation of 96.9% and a lightness of 49.8%. #c304fa color hex could be obtained by blending #ff08ff with #8700f5. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 76
- G 2
- B 98
RGB color chart
- C 22
- M 98
- Y 0
- K 2
CMYK color chart

● #c304fa color description : Vivid magenta.

The hexadecimal color #c304fa has RGB values of R:195, G:4, B:250 and CMYK values of C:0.22, M:0.98, Y:0, K:0.02. Its decimal value is 12780794.

Hex triplet	c304fa	`#c304fa`
RGB Decimal	195, 4, 250	`rgb(195,4,250)`
RGB Percent	76.5, 1.6, 98	`rgb(76.5%,1.6%,98%)`
CMYK	22, 98, 0, 2
HSL	286.6°, 96.9, 49.8	`hsl(286.6,96.9%,49.8%)`
HSV (or HSB)	286.6°, 98.4, 98
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	50.207, 88.7, -74.878
XYZ	39.802, 18.593, 91.929
xyY	0.265, 0.124, 18.593
CIE-LCH	50.207, 116.079, 319.83
CIE-LUV	50.207, 45.67, -121.96
Hunter-Lab	43.119, 89.31, -96.221
Binary	11000011, 00000100, 11111010

#c304fa
```
#c304fa rgb(195,4,250)
```
#3bfa04
```
#3bfa04 rgb(59,250,4)
```

Complementary Color

#4804fa
```
#4804fa rgb(72,4,250)
```
#c304fa
```
#c304fa rgb(195,4,250)
```
#fa04b6
```
#fa04b6 rgb(250,4,182)
```

Analogous Color

#04fa48
```
#04fa48 rgb(4,250,72)
```
#c304fa
```
#c304fa rgb(195,4,250)
```
#b6fa04
```
#b6fa04 rgb(182,250,4)
```

Split Complementary Color

#04fac3
```
#04fac3 rgb(4,250,195)
```
#c304fa
```
#c304fa rgb(195,4,250)
```
#fac304
```
#fac304 rgb(250,195,4)
```

Triadic Color

#043bfa
```
#043bfa rgb(4,59,250)
```
#c304fa
```
#c304fa rgb(195,4,250)
```
#fac304
```
#fac304 rgb(250,195,4)
```
#3bfa04
```
#3bfa04 rgb(59,250,4)
```

Tetradic Color

#8803af
```
#8803af rgb(136,3,175)
```
#9c03c8
```
#9c03c8 rgb(156,3,200)
```
#af04e1
```
#af04e1 rgb(175,4,225)
```
#c304fa
```
#c304fa rgb(195,4,250)
```
#c91cfb
```
#c91cfb rgb(201,28,251)
```
#cf35fc
```
#cf35fc rgb(207,53,252)
```
#d54efc
```
#d54efc rgb(213,78,252)
```

Monochromatic Color

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

#8604fa
```
#8604fa rgb(134,4,250)
```
#9a04fa
```
#9a04fa rgb(154,4,250)
```
#af04fa
```
#af04fa rgb(175,4,250)
```
#c304fa
```
#c304fa rgb(195,4,250)
```
#d804fa
```
#d804fa rgb(216,4,250)
```
#ec04fa
```
#ec04fa rgb(236,4,250)
```
#fa04f4
```
#fa04f4 rgb(250,4,244)
```

Similar Colors

Text with hexadecimal color #c304fa

This text has a font color of #c304fa.

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

#c304fa background color

This paragraph has a background color of #c304fa.

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

#c304fa border color

This element has a border color of #c304fa.

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

CSS codes

.text {color:#c304fa;}

.background {background-color:#c304fa;}

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

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

#0e0012
```
#0e0012 rgb(14,0,18)
```
#1d0126
```
#1d0126 rgb(29,1,38)
```
#2c0139
```
#2c0139 rgb(44,1,57)
```
#3b014c
```
#3b014c rgb(59,1,76)
```
#4b0260
```
#4b0260 rgb(75,2,96)
```
#5a0273
```
#5a0273 rgb(90,2,115)
```
#690286
```
#690286 rgb(105,2,134)
```
#780299
```
#780299 rgb(120,2,153)
```
#8703ad
```
#8703ad rgb(135,3,173)
```
#9603c0
```
#9603c0 rgb(150,3,192)
```
#a503d3
```
#a503d3 rgb(165,3,211)
```
#b404e7
```
#b404e7 rgb(180,4,231)
```
#c304fa
```
#c304fa rgb(195,4,250)
```

Shade Color Variation

#c816fb
```
#c816fb rgb(200,22,251)
```
#cd2afc
```
#cd2afc rgb(205,42,252)
```
#d13dfc
```
#d13dfc rgb(209,61,252)
```
#d650fc
```
#d650fc rgb(214,80,252)
```
#da64fd
```
#da64fd rgb(218,100,253)
```
#df77fd
```
#df77fd rgb(223,119,253)
```
#e38afd
```
#e38afd rgb(227,138,253)
```
#e89dfd
```
#e89dfd rgb(232,157,253)
```
#edb1fe
```
#edb1fe rgb(237,177,254)
```
#f1c4fe
```
#f1c4fe rgb(241,196,254)
```
#f6d7fe
```
#f6d7fe rgb(246,215,254)
```
#faebff
```
#faebff rgb(250,235,255)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#827985
```
#827985 rgb(130,121,133)
```
#886f8f
```
#886f8f rgb(136,111,143)
```
#8d6698
```
#8d6698 rgb(141,102,152)
```
#925ca2
```
#925ca2 rgb(146,92,162)
```
#9852ac
```
#9852ac rgb(152,82,172)
```
#9d48b6
```
#9d48b6 rgb(157,72,182)
```
#a33fbf
```
#a33fbf rgb(163,63,191)
```
#a835c9
```
#a835c9 rgb(168,53,201)
```
#ad2bd3
```
#ad2bd3 rgb(173,43,211)
```
#b321dd
```
#b321dd rgb(179,33,221)
```
#b818e6
```
#b818e6 rgb(184,24,230)
```
#be0ef0
```
#be0ef0 rgb(190,14,240)
```
#c304fa
```
#c304fa rgb(195,4,250)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6e4879 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#0081d4 Deuteranopia 1% of men
#ae6b72 Tritanopia 0.001% of the population

Trichromacy

#464ff3 Protanomaly 1% of men, 0.01% of women
#4653e2 Deuteranomaly 6% of men, 0.4% of women
#b645a3 Tritanomaly 0.01% of the population

#c304fa hex color

#c304fa Color Information

#c304fa Color Conversion

Color Schemes with #c304fa

Alternatives to #c304fa

#c304fa Preview

Shades and Tints of #c304fa

Tones of #c304fa

Color Blindness Simulator