colorhexa.com

#c306cf hex color

In a RGB color space, hex #c306cf is composed of 76.5% red, 2.4% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 5.8% cyan, 97.1% magenta, 0% yellow and 18.8% black. It has a hue angle of 296.4 degrees, a saturation of 94.4% and a lightness of 41.8%. #c306cf color hex could be obtained by blending #ff0cff with #87009f. Closest websafe color is: #cc00cc.

- R 76
- G 2
- B 81
RGB color chart
- C 6
- M 97
- Y 0
- K 19
CMYK color chart

● #c306cf color description : Strong magenta.

The hexadecimal color #c306cf has RGB values of R:195, G:6, B:207 and CMYK values of C:0.06, M:0.97, Y:0, K:0.19. Its decimal value is 12781263.

Hex triplet	c306cf	`#c306cf`
RGB Decimal	195, 6, 207	`rgb(195,6,207)`
RGB Percent	76.5, 2.4, 81.2	`rgb(76.5%,2.4%,81.2%)`
CMYK	6, 97, 0, 19
HSL	296.4°, 94.4, 41.8	`hsl(296.4,94.4%,41.8%)`
HSV (or HSB)	296.4°, 97.1, 81.2
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.287, 81.562, -55.199
XYZ	33.832, 16.239, 60.381
xyY	0.306, 0.147, 16.239
CIE-LCH	47.287, 98.485, 325.911
CIE-LUV	47.287, 59.798, -91.973
Hunter-Lab	40.298, 79.337, -60.628
Binary	11000011, 00000110, 11001111

#c306cf
```
#c306cf rgb(195,6,207)
```
#12cf06
```
#12cf06 rgb(18,207,6)
```

Complementary Color

#5f06cf
```
#5f06cf rgb(95,6,207)
```
#c306cf
```
#c306cf rgb(195,6,207)
```
#cf0677
```
#cf0677 rgb(207,6,119)
```

Analogous Color

#06cf5f
```
#06cf5f rgb(6,207,95)
```
#c306cf
```
#c306cf rgb(195,6,207)
```
#77cf06
```
#77cf06 rgb(119,207,6)
```

Split Complementary Color

#06cfc3
```
#06cfc3 rgb(6,207,195)
```
#c306cf
```
#c306cf rgb(195,6,207)
```
#cfc306
```
#cfc306 rgb(207,195,6)
```

Triadic Color

#7d0485
```
#7d0485 rgb(125,4,133)
```
#94059d
```
#94059d rgb(148,5,157)
```
#ac05b6
```
#ac05b6 rgb(172,5,182)
```
#c306cf
```
#c306cf rgb(195,6,207)
```
#da07e8
```
#da07e8 rgb(218,7,232)
```
#ea10f8
```
#ea10f8 rgb(234,16,248)
```
#ec29f9
```
#ec29f9 rgb(236,41,249)
```

Monochromatic Color

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

#9106cf
```
#9106cf rgb(145,6,207)
```
#a206cf
```
#a206cf rgb(162,6,207)
```
#b206cf
```
#b206cf rgb(178,6,207)
```
#c306cf
```
#c306cf rgb(195,6,207)
```
#cf06ca
```
#cf06ca rgb(207,6,202)
```
#cf06ba
```
#cf06ba rgb(207,6,186)
```
#cf06a9
```
#cf06a9 rgb(207,6,169)
```

Similar Colors

Text with hexadecimal color #c306cf

This text has a font color of #c306cf.

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

#c306cf background color

This paragraph has a background color of #c306cf.

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

#c306cf border color

This element has a border color of #c306cf.

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

CSS codes

.text {color:#c306cf;}

.background {background-color:#c306cf;}

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

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

#0f0010
```
#0f0010 rgb(15,0,16)
```
#210123
```
#210123 rgb(33,1,35)
```
#330236
```
#330236 rgb(51,2,54)
```
#45024a
```
#45024a rgb(69,2,74)
```
#57035d
```
#57035d rgb(87,3,93)
```
#690370
```
#690370 rgb(105,3,112)
```
#7b0483
```
#7b0483 rgb(123,4,131)
```
#8d0496
```
#8d0496 rgb(141,4,150)
```
#9f05a9
```
#9f05a9 rgb(159,5,169)
```
#b105bc
```
#b105bc rgb(177,5,188)
```
#c306cf
```
#c306cf rgb(195,6,207)
```
#d507e2
```
#d507e2 rgb(213,7,226)
```
#e707f5
```
#e707f5 rgb(231,7,245)
```

Shade Color Variation

#eb18f8
```
#eb18f8 rgb(235,24,248)
```
#ed2bf9
```
#ed2bf9 rgb(237,43,249)
```
#ee3ef9
```
#ee3ef9 rgb(238,62,249)
```
#f051fa
```
#f051fa rgb(240,81,250)
```
#f264fb
```
#f264fb rgb(242,100,251)
```
#f377fb
```
#f377fb rgb(243,119,251)
```
#f58afc
```
#f58afc rgb(245,138,252)
```
#f69dfc
```
#f69dfc rgb(246,157,252)
```
#f8b0fd
```
#f8b0fd rgb(248,176,253)
```
#fac3fd
```
#fac3fd rgb(250,195,253)
```
#fbd6fe
```
#fbd6fe rgb(251,214,254)
```
#fde9fe
```
#fde9fe rgb(253,233,254)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#6c686d
```
#6c686d rgb(108,104,109)
```
#746075
```
#746075 rgb(116,96,117)
```
#7b587d
```
#7b587d rgb(123,88,125)
```
#825085
```
#825085 rgb(130,80,133)
```
#89488d
```
#89488d rgb(137,72,141)
```
#913f96
```
#913f96 rgb(145,63,150)
```
#98379e
```
#98379e rgb(152,55,158)
```
#9f2fa6
```
#9f2fa6 rgb(159,47,166)
```
#a627ae
```
#a627ae rgb(166,39,174)
```
#ad1fb6
```
#ad1fb6 rgb(173,31,182)
```
#b516bf
```
#b516bf rgb(181,22,191)
```
#bc0ec7
```
#bc0ec7 rgb(188,14,199)
```
#c306cf
```
#c306cf rgb(195,6,207)
```

Tone Color Variation

Below, you can see how #c306cf 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
#6b456d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e2 Protanopia 1% of men
#4378bd Deuteranopia 1% of men
#b75a5f Tritanopia 0.001% of the population

Trichromacy

#464cdb Protanomaly 1% of men, 0.01% of women
#714ec4 Deuteranomaly 6% of men, 0.4% of women
#bb3b88 Tritanomaly 0.01% of the population