#c306c8 hex color

In a RGB color space, hex #c306c8 is composed of 76.5% red, 2.4% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 2.5% cyan, 97% magenta, 0% yellow and 21.6% black. It has a hue angle of 298.5 degrees, a saturation of 94.2% and a lightness of 40.4%. #c306c8 color hex could be obtained by blending #ff0cff with #870091. Closest websafe color is: #cc00cc.

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

● #c306c8 color description : Strong magenta.

The hexadecimal color #c306c8 has RGB values of R:195, G:6, B:200 and CMYK values of C:0.03, M:0.97, Y:0, K:0.22. Its decimal value is 12781256.

Hex triplet	c306c8	`#c306c8`
RGB Decimal	195, 6, 200	`rgb(195,6,200)`
RGB Percent	76.5, 2.4, 78.4	`rgb(76.5%,2.4%,78.4%)`
CMYK	3, 97, 0, 22
HSL	298.5°, 94.2, 40.4	`hsl(298.5,94.2%,40.4%)`
HSV (or HSB)	298.5°, 97, 78.4
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	46.849, 80.503, -51.854
XYZ	32.995, 15.905, 55.973
xyY	0.315, 0.152, 15.905
CIE-LCH	46.849, 95.758, 327.214
CIE-LUV	46.849, 62.409, -86.868
Hunter-Lab	39.881, 77.891, -55.297
Binary	11000011, 00000110, 11001000

#c306c8
```
#c306c8 rgb(195,6,200)
```
#0bc806
```
#0bc806 rgb(11,200,6)
```

Complementary Color

#6206c8
```
#6206c8 rgb(98,6,200)
```
#c306c8
```
#c306c8 rgb(195,6,200)
```
#c8066c
```
#c8066c rgb(200,6,108)
```

Analogous Color

#06c862
```
#06c862 rgb(6,200,98)
```
#c306c8
```
#c306c8 rgb(195,6,200)
```
#6cc806
```
#6cc806 rgb(108,200,6)
```

Split Complementary Color

#06c8c3
```
#06c8c3 rgb(6,200,195)
```
#c306c8
```
#c306c8 rgb(195,6,200)
```
#c8c306
```
#c8c306 rgb(200,195,6)
```

Triadic Color

#060bc8
```
#060bc8 rgb(6,11,200)
```
#c306c8
```
#c306c8 rgb(195,6,200)
```
#c8c306
```
#c8c306 rgb(200,195,6)
```
#0bc806
```
#0bc806 rgb(11,200,6)
```

Tetradic Color

#7b047e
```
#7b047e rgb(123,4,126)
```
#930596
```
#930596 rgb(147,5,150)
```
#ab05af
```
#ab05af rgb(171,5,175)
```
#c306c8
```
#c306c8 rgb(195,6,200)
```
#db07e1
```
#db07e1 rgb(219,7,225)
```
#f109f8
```
#f109f8 rgb(241,9,248)
```
#f322f8
```
#f322f8 rgb(243,34,248)
```

Monochromatic Color

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

#9306c8
```
#9306c8 rgb(147,6,200)
```
#a306c8
```
#a306c8 rgb(163,6,200)
```
#b306c8
```
#b306c8 rgb(179,6,200)
```
#c306c8
```
#c306c8 rgb(195,6,200)
```
#c806bd
```
#c806bd rgb(200,6,189)
```
#c806ad
```
#c806ad rgb(200,6,173)
```
#c8069d
```
#c8069d rgb(200,6,157)
```

Similar Colors

Text with hexadecimal color #c306c8

This text has a font color of #c306c8.

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

#c306c8 background color

This paragraph has a background color of #c306c8.

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

#c306c8 border color

This element has a border color of #c306c8.

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

CSS codes

.text {color:#c306c8;}

.background {background-color:#c306c8;}

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

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

#09000a
```
#09000a rgb(9,0,10)
```
#1c011d
```
#1c011d rgb(28,1,29)
```
#2e0130
```
#2e0130 rgb(46,1,48)
```
#410243
```
#410243 rgb(65,2,67)
```
#540356
```
#540356 rgb(84,3,86)
```
#660369
```
#660369 rgb(102,3,105)
```
#79047c
```
#79047c rgb(121,4,124)
```
#8b048f
```
#8b048f rgb(139,4,143)
```
#9e05a2
```
#9e05a2 rgb(158,5,162)
```
#b005b5
```
#b005b5 rgb(176,5,181)
```
#c306c8
```
#c306c8 rgb(195,6,200)
```
#d607db
```
#d607db rgb(214,7,219)
```
#e807ee
```
#e807ee rgb(232,7,238)
```

Shade Color Variation

#f211f8
```
#f211f8 rgb(242,17,248)
```
#f324f8
```
#f324f8 rgb(243,36,248)
```
#f437f9
```
#f437f9 rgb(244,55,249)
```
#f54afa
```
#f54afa rgb(245,74,250)
```
#f65dfa
```
#f65dfa rgb(246,93,250)
```
#f770fb
```
#f770fb rgb(247,112,251)
```
#f883fb
```
#f883fb rgb(248,131,251)
```
#f996fc
```
#f996fc rgb(249,150,252)
```
#faa9fc
```
#faa9fc rgb(250,169,252)
```
#fbbcfd
```
#fbbcfd rgb(251,188,253)
```
#fccffe
```
#fccffe rgb(252,207,254)
```
#fde2fe
```
#fde2fe rgb(253,226,254)
```
#fef6ff
```
#fef6ff rgb(254,246,255)
```

Tint Color Variation

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

#696569
```
#696569 rgb(105,101,105)
```
#705d71
```
#705d71 rgb(112,93,113)
```
#785579
```
#785579 rgb(120,85,121)
```
#7f4d81
```
#7f4d81 rgb(127,77,129)
```
#874589
```
#874589 rgb(135,69,137)
```
#8e3d91
```
#8e3d91 rgb(142,61,145)
```
#963698
```
#963698 rgb(150,54,152)
```
#9d2ea0
```
#9d2ea0 rgb(157,46,160)
```
#a526a8
```
#a526a8 rgb(165,38,168)
```
#ac1eb0
```
#ac1eb0 rgb(172,30,176)
```
#b416b8
```
#b416b8 rgb(180,22,184)
```
#bb0ec0
```
#bb0ec0 rgb(187,14,192)
```
#c306c8
```
#c306c8 rgb(195,6,200)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#6b456c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#4b77b7 Deuteranopia 1% of men
#b8575c Tritanopia 0.001% of the population

Trichromacy

#464bd7 Protanomaly 1% of men, 0.01% of women
#764dbd Deuteranomaly 6% of men, 0.4% of women
#bc3983 Tritanomaly 0.01% of the population

#c306c8 hex color

#c306c8 Color Information

#c306c8 Color Conversion

Color Schemes with #c306c8

Alternatives to #c306c8

#c306c8 Preview

Shades and Tints of #c306c8

Tones of #c306c8

Color Blindness Simulator