#c306c9 hex color

In a RGB color space, hex #c306c9 is composed of 76.5% red, 2.4% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 3% cyan, 97% magenta, 0% yellow and 21.2% black. It has a hue angle of 298.2 degrees, a saturation of 94.2% and a lightness of 40.6%. #c306c9 color hex could be obtained by blending #ff0cff with #870093. Closest websafe color is: #cc00cc.

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

● #c306c9 color description : Strong magenta.

The hexadecimal color #c306c9 has RGB values of R:195, G:6, B:201 and CMYK values of C:0.03, M:0.97, Y:0, K:0.21. Its decimal value is 12781257.

Hex triplet	c306c9	`#c306c9`
RGB Decimal	195, 6, 201	`rgb(195,6,201)`
RGB Percent	76.5, 2.4, 78.8	`rgb(76.5%,2.4%,78.8%)`
CMYK	3, 97, 0, 21
HSL	298.2°, 94.2, 40.6	`hsl(298.2,94.2%,40.6%)`
HSV (or HSB)	298.2°, 97, 78.8
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	46.911, 80.653, -52.334
XYZ	33.113, 15.952, 56.59
xyY	0.313, 0.151, 15.952
CIE-LCH	46.911, 96.145, 327.021
CIE-LUV	46.911, 62.03, -87.601
Hunter-Lab	39.939, 78.095, -56.05
Binary	11000011, 00000110, 11001001

#c306c9
```
#c306c9 rgb(195,6,201)
```
#0cc906
```
#0cc906 rgb(12,201,6)
```

Complementary Color

#6106c9
```
#6106c9 rgb(97,6,201)
```
#c306c9
```
#c306c9 rgb(195,6,201)
```
#c9066e
```
#c9066e rgb(201,6,110)
```

Analogous Color

#06c961
```
#06c961 rgb(6,201,97)
```
#c306c9
```
#c306c9 rgb(195,6,201)
```
#6ec906
```
#6ec906 rgb(110,201,6)
```

Split Complementary Color

#06c9c3
```
#06c9c3 rgb(6,201,195)
```
#c306c9
```
#c306c9 rgb(195,6,201)
```
#c9c306
```
#c9c306 rgb(201,195,6)
```

Triadic Color

#060cc9
```
#060cc9 rgb(6,12,201)
```
#c306c9
```
#c306c9 rgb(195,6,201)
```
#c9c306
```
#c9c306 rgb(201,195,6)
```
#0cc906
```
#0cc906 rgb(12,201,6)
```

Tetradic Color

#7b047f
```
#7b047f rgb(123,4,127)
```
#930597
```
#930597 rgb(147,5,151)
```
#ab05b0
```
#ab05b0 rgb(171,5,176)
```
#c306c9
```
#c306c9 rgb(195,6,201)
```
#db07e2
```
#db07e2 rgb(219,7,226)
```
#f00af8
```
#f00af8 rgb(240,10,248)
```
#f223f8
```
#f223f8 rgb(242,35,248)
```

Monochromatic Color

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

#9206c9
```
#9206c9 rgb(146,6,201)
```
#a306c9
```
#a306c9 rgb(163,6,201)
```
#b306c9
```
#b306c9 rgb(179,6,201)
```
#c306c9
```
#c306c9 rgb(195,6,201)
```
#c906bf
```
#c906bf rgb(201,6,191)
```
#c906af
```
#c906af rgb(201,6,175)
```
#c9069e
```
#c9069e rgb(201,6,158)
```

Similar Colors

Text with hexadecimal color #c306c9

This text has a font color of #c306c9.

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

#c306c9 background color

This paragraph has a background color of #c306c9.

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

#c306c9 border color

This element has a border color of #c306c9.

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

CSS codes

.text {color:#c306c9;}

.background {background-color:#c306c9;}

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

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

#0a000b
```
#0a000b rgb(10,0,11)
```
#1d011e
```
#1d011e rgb(29,1,30)
```
#2f0131
```
#2f0131 rgb(47,1,49)
```
#420244
```
#420244 rgb(66,2,68)
```
#540357
```
#540357 rgb(84,3,87)
```
#67036a
```
#67036a rgb(103,3,106)
```
#79047d
```
#79047d rgb(121,4,125)
```
#8c0490
```
#8c0490 rgb(140,4,144)
```
#9e05a3
```
#9e05a3 rgb(158,5,163)
```
#b105b6
```
#b105b6 rgb(177,5,182)
```
#c306c9
```
#c306c9 rgb(195,6,201)
```
#d507dc
```
#d507dc rgb(213,7,220)
```
#e807ef
```
#e807ef rgb(232,7,239)
```

Shade Color Variation

#f112f8
```
#f112f8 rgb(241,18,248)
```
#f225f8
```
#f225f8 rgb(242,37,248)
```
#f338f9
```
#f338f9 rgb(243,56,249)
```
#f44bfa
```
#f44bfa rgb(244,75,250)
```
#f55efa
```
#f55efa rgb(245,94,250)
```
#f771fb
```
#f771fb rgb(247,113,251)
```
#f884fb
```
#f884fb rgb(248,132,251)
```
#f997fc
```
#f997fc rgb(249,151,252)
```
#faaafc
```
#faaafc rgb(250,170,252)
```
#fbbdfd
```
#fbbdfd rgb(251,189,253)
```
#fcd0fe
```
#fcd0fe rgb(252,208,254)
```
#fde3fe
```
#fde3fe rgb(253,227,254)
```
#fef6ff
```
#fef6ff rgb(254,246,255)
```

Tint Color Variation

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

#696669
```
#696669 rgb(105,102,105)
```
#715e71
```
#715e71 rgb(113,94,113)
```
#785679
```
#785679 rgb(120,86,121)
```
#804e81
```
#804e81 rgb(128,78,129)
```
#874689
```
#874689 rgb(135,70,137)
```
#8f3e91
```
#8f3e91 rgb(143,62,145)
```
#963699
```
#963699 rgb(150,54,153)
```
#9e2ea1
```
#9e2ea1 rgb(158,46,161)
```
#a526a9
```
#a526a9 rgb(165,38,169)
```
#ad1eb1
```
#ad1eb1 rgb(173,30,177)
```
#b416b9
```
#b416b9 rgb(180,22,185)
```
#bc0ec1
```
#bc0ec1 rgb(188,14,193)
```
#c306c9
```
#c306c9 rgb(195,6,201)
```

Tone Color Variation

Below, you can see how #c306c9 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
#4a77b8 Deuteranopia 1% of men
#b8575d Tritanopia 0.001% of the population

Trichromacy

#464bd8 Protanomaly 1% of men, 0.01% of women
#764ebe Deuteranomaly 6% of men, 0.4% of women
#bc3a84 Tritanomaly 0.01% of the population

#c306c9 hex color

#c306c9 Color Information

#c306c9 Color Conversion

Color Schemes with #c306c9

Alternatives to #c306c9

#c306c9 Preview

Shades and Tints of #c306c9

Tones of #c306c9

Color Blindness Simulator