#c304f3 hex color

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

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

● #c304f3 color description : Vivid magenta.

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

Hex triplet	c304f3	`#c304f3`
RGB Decimal	195, 4, 243	`rgb(195,4,243)`
RGB Percent	76.5, 1.6, 95.3	`rgb(76.5%,1.6%,95.3%)`
CMYK	20, 98, 0, 5
HSL	287.9°, 96.8, 48.4	`hsl(287.9,96.8%,48.4%)`
HSV (or HSB)	287.9°, 98.4, 95.3
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.692, 87.516, -71.795
XYZ	38.725, 18.162, 86.255
xyY	0.271, 0.127, 18.162
CIE-LCH	49.692, 113.197, 320.636
CIE-LUV	49.692, 47.773, -117.267
Hunter-Lab	42.617, 87.62, -90.17
Binary	11000011, 00000100, 11110011

#c304f3
```
#c304f3 rgb(195,4,243)
```
#34f304
```
#34f304 rgb(52,243,4)
```

Complementary Color

#4b04f3
```
#4b04f3 rgb(75,4,243)
```
#c304f3
```
#c304f3 rgb(195,4,243)
```
#f304ac
```
#f304ac rgb(243,4,172)
```

Analogous Color

#04f34b
```
#04f34b rgb(4,243,75)
```
#c304f3
```
#c304f3 rgb(195,4,243)
```
#acf304
```
#acf304 rgb(172,243,4)
```

Split Complementary Color

#04f3c3
```
#04f3c3 rgb(4,243,195)
```
#c304f3
```
#c304f3 rgb(195,4,243)
```
#f3c304
```
#f3c304 rgb(243,195,4)
```

Triadic Color

#0434f3
```
#0434f3 rgb(4,52,243)
```
#c304f3
```
#c304f3 rgb(195,4,243)
```
#f3c304
```
#f3c304 rgb(243,195,4)
```
#34f304
```
#34f304 rgb(52,243,4)
```

Tetradic Color

#8703a8
```
#8703a8 rgb(135,3,168)
```
#9b03c1
```
#9b03c1 rgb(155,3,193)
```
#af04da
```
#af04da rgb(175,4,218)
```
#c304f3
```
#c304f3 rgb(195,4,243)
```
#cd15fb
```
#cd15fb rgb(205,21,251)
```
#d22efc
```
#d22efc rgb(210,46,252)
```
#d848fc
```
#d848fc rgb(216,72,252)
```

Monochromatic Color

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

#8704f3
```
#8704f3 rgb(135,4,243)
```
#9b04f3
```
#9b04f3 rgb(155,4,243)
```
#af04f3
```
#af04f3 rgb(175,4,243)
```
#c304f3
```
#c304f3 rgb(195,4,243)
```
#d704f3
```
#d704f3 rgb(215,4,243)
```
#eb04f3
```
#eb04f3 rgb(235,4,243)
```
#f304e7
```
#f304e7 rgb(243,4,231)
```

Similar Colors

Text with hexadecimal color #c304f3

This text has a font color of #c304f3.

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

#c304f3 background color

This paragraph has a background color of #c304f3.

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

#c304f3 border color

This element has a border color of #c304f3.

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

CSS codes

.text {color:#c304f3;}

.background {background-color:#c304f3;}

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

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

#09000b
```
#09000b rgb(9,0,11)
```
#19011f
```
#19011f rgb(25,1,31)
```
#280132
```
#280132 rgb(40,1,50)
```
#380145
```
#380145 rgb(56,1,69)
```
#470159
```
#470159 rgb(71,1,89)
```
#57026c
```
#57026c rgb(87,2,108)
```
#66027f
```
#66027f rgb(102,2,127)
```
#760293
```
#760293 rgb(118,2,147)
```
#8503a6
```
#8503a6 rgb(133,3,166)
```
#9503b9
```
#9503b9 rgb(149,3,185)
```
#a403cc
```
#a403cc rgb(164,3,204)
```
#b404e0
```
#b404e0 rgb(180,4,224)
```
#c304f3
```
#c304f3 rgb(195,4,243)
```

Shade Color Variation

#cc10fb
```
#cc10fb rgb(204,16,251)
```
#d023fb
```
#d023fb rgb(208,35,251)
```
#d436fc
```
#d436fc rgb(212,54,252)
```
#d849fc
```
#d849fc rgb(216,73,252)
```
#dc5dfc
```
#dc5dfc rgb(220,93,252)
```
#e070fd
```
#e070fd rgb(224,112,253)
```
#e583fd
```
#e583fd rgb(229,131,253)
```
#e997fd
```
#e997fd rgb(233,151,253)
```
#edaafe
```
#edaafe rgb(237,170,254)
```
#f1bdfe
```
#f1bdfe rgb(241,189,254)
```
#f5d1fe
```
#f5d1fe rgb(245,209,254)
```
#f9e4ff
```
#f9e4ff rgb(249,228,255)
```
#fdf7ff
```
#fdf7ff rgb(253,247,255)
```

Tint Color Variation

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

#7f7681
```
#7f7681 rgb(127,118,129)
```
#846d8b
```
#846d8b rgb(132,109,139)
```
#8a6394
```
#8a6394 rgb(138,99,148)
```
#905a9e
```
#905a9e rgb(144,90,158)
```
#9650a7
```
#9650a7 rgb(150,80,167)
```
#9b47b1
```
#9b47b1 rgb(155,71,177)
```
#a13dba
```
#a13dba rgb(161,61,186)
```
#a734c4
```
#a734c4 rgb(167,52,196)
```
#ac2acd
```
#ac2acd rgb(172,42,205)
```
#b221d7
```
#b221d7 rgb(178,33,215)
```
#b817e0
```
#b817e0 rgb(184,23,224)
```
#bd0eea
```
#bd0eea rgb(189,14,234)
```
#c304f3
```
#c304f3 rgb(195,4,243)
```

Tone Color Variation

Below, you can see how #c304f3 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
#6d4777 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

#464eef Protanomaly 1% of men, 0.01% of women
#4652de Deuteranomaly 6% of men, 0.4% of women
#b7439f Tritanomaly 0.01% of the population

#c304f3 hex color

#c304f3 Color Information

#c304f3 Color Conversion

Color Schemes with #c304f3

Alternatives to #c304f3

#c304f3 Preview

Shades and Tints of #c304f3

Tones of #c304f3

Color Blindness Simulator