#c304cc hex color

In a RGB color space, hex #c304cc is composed of 76.5% red, 1.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 4.4% cyan, 98% magenta, 0% yellow and 20% black. It has a hue angle of 297.3 degrees, a saturation of 96.2% and a lightness of 40.8%. #c304cc color hex could be obtained by blending #ff08ff with #870099. Closest websafe color is: #cc00cc.

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

● #c304cc color description : Strong magenta.

The hexadecimal color #c304cc has RGB values of R:195, G:4, B:204 and CMYK values of C:0.04, M:0.98, Y:0, K:0.2. Its decimal value is 12780748.

Hex triplet	c304cc	`#c304cc`
RGB Decimal	195, 4, 204	`rgb(195,4,204)`
RGB Percent	76.5, 1.6, 80	`rgb(76.5%,1.6%,80%)`
CMYK	4, 98, 0, 20
HSL	297.3°, 96.2, 40.8	`hsl(297.3,96.2%,40.8%)`
HSV (or HSB)	297.3°, 98, 80
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.041, 81.274, -53.862
XYZ	33.447, 16.051, 58.46
xyY	0.31, 0.149, 16.051
CIE-LCH	47.041, 97.502, 326.467
CIE-LUV	47.041, 60.995, -89.912
Hunter-Lab	40.063, 78.912, -58.471
Binary	11000011, 00000100, 11001100

#c304cc
```
#c304cc rgb(195,4,204)
```
#0dcc04
```
#0dcc04 rgb(13,204,4)
```

Complementary Color

#5f04cc
```
#5f04cc rgb(95,4,204)
```
#c304cc
```
#c304cc rgb(195,4,204)
```
#cc0471
```
#cc0471 rgb(204,4,113)
```

Analogous Color

#04cc5f
```
#04cc5f rgb(4,204,95)
```
#c304cc
```
#c304cc rgb(195,4,204)
```
#71cc04
```
#71cc04 rgb(113,204,4)
```

Split Complementary Color

#04ccc3
```
#04ccc3 rgb(4,204,195)
```
#c304cc
```
#c304cc rgb(195,4,204)
```
#ccc304
```
#ccc304 rgb(204,195,4)
```

Triadic Color

#040dcc
```
#040dcc rgb(4,13,204)
```
#c304cc
```
#c304cc rgb(195,4,204)
```
#ccc304
```
#ccc304 rgb(204,195,4)
```
#0dcc04
```
#0dcc04 rgb(13,204,4)
```

Tetradic Color

#7b0381
```
#7b0381 rgb(123,3,129)
```
#93039a
```
#93039a rgb(147,3,154)
```
#ab04b3
```
#ab04b3 rgb(171,4,179)
```
#c304cc
```
#c304cc rgb(195,4,204)
```
#db04e5
```
#db04e5 rgb(219,4,229)
```
#ef09fa
```
#ef09fa rgb(239,9,250)
```
#f122fb
```
#f122fb rgb(241,34,251)
```

Monochromatic Color

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

#9104cc
```
#9104cc rgb(145,4,204)
```
#a204cc
```
#a204cc rgb(162,4,204)
```
#b204cc
```
#b204cc rgb(178,4,204)
```
#c304cc
```
#c304cc rgb(195,4,204)
```
#cc04c4
```
#cc04c4 rgb(204,4,196)
```
#cc04b4
```
#cc04b4 rgb(204,4,180)
```
#cc04a3
```
#cc04a3 rgb(204,4,163)
```

Similar Colors

Text with hexadecimal color #c304cc

This text has a font color of #c304cc.

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

#c304cc background color

This paragraph has a background color of #c304cc.

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

#c304cc border color

This element has a border color of #c304cc.

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

CSS codes

.text {color:#c304cc;}

.background {background-color:#c304cc;}

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

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

#0b000c
```
#0b000c rgb(11,0,12)
```
#1d011f
```
#1d011f rgb(29,1,31)
```
#300132
```
#300132 rgb(48,1,50)
```
#420145
```
#420145 rgb(66,1,69)
```
#550259
```
#550259 rgb(85,2,89)
```
#67026c
```
#67026c rgb(103,2,108)
```
#79027f
```
#79027f rgb(121,2,127)
```
#8c0392
```
#8c0392 rgb(140,3,146)
```
#9e03a6
```
#9e03a6 rgb(158,3,166)
```
#b104b9
```
#b104b9 rgb(177,4,185)
```
#c304cc
```
#c304cc rgb(195,4,204)
```
#d504df
```
#d504df rgb(213,4,223)
```
#e805f2
```
#e805f2 rgb(232,5,242)
```

Shade Color Variation

#f011fa
```
#f011fa rgb(240,17,250)
```
#f124fb
```
#f124fb rgb(241,36,251)
```
#f237fb
```
#f237fb rgb(242,55,251)
```
#f34afb
```
#f34afb rgb(243,74,251)
```
#f55dfc
```
#f55dfc rgb(245,93,252)
```
#f671fc
```
#f671fc rgb(246,113,252)
```
#f784fd
```
#f784fd rgb(247,132,253)
```
#f897fd
```
#f897fd rgb(248,151,253)
```
#faaafd
```
#faaafd rgb(250,170,253)
```
#fbbefe
```
#fbbefe rgb(251,190,254)
```
#fcd1fe
```
#fcd1fe rgb(252,209,254)
```
#fde4fe
```
#fde4fe rgb(253,228,254)
```
#fff7ff
```
#fff7ff rgb(255,247,255)
```

Tint Color Variation

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

#6c646c
```
#6c646c rgb(108,100,108)
```
#735c74
```
#735c74 rgb(115,92,116)
```
#7a547c
```
#7a547c rgb(122,84,124)
```
#814c84
```
#814c84 rgb(129,76,132)
```
#89448c
```
#89448c rgb(137,68,140)
```
#903c94
```
#903c94 rgb(144,60,148)
```
#97349c
```
#97349c rgb(151,52,156)
```
#9f2ca4
```
#9f2ca4 rgb(159,44,164)
```
#a624ac
```
#a624ac rgb(166,36,172)
```
#ad1cb4
```
#ad1cb4 rgb(173,28,180)
```
#b414bc
```
#b414bc rgb(180,20,188)
```
#bc0cc4
```
#bc0cc4 rgb(188,12,196)
```
#c304cc
```
#c304cc rgb(195,4,204)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#6a446c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#4677bb Deuteranopia 1% of men
#b7585e Tritanopia 0.001% of the population

Trichromacy

#464ad9 Protanomaly 1% of men, 0.01% of women
#734dc1 Deuteranomaly 6% of men, 0.4% of women
#bb3986 Tritanomaly 0.01% of the population

#c304cc hex color

#c304cc Color Information

#c304cc Color Conversion

Color Schemes with #c304cc

Alternatives to #c304cc

#c304cc Preview

Shades and Tints of #c304cc

Tones of #c304cc

Color Blindness Simulator