colorhexa.com

#c306d6 hex color

In a RGB color space, hex #c306d6 is composed of 76.5% red, 2.4% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 8.9% cyan, 97.2% magenta, 0% yellow and 16.1% black. It has a hue angle of 294.5 degrees, a saturation of 94.5% and a lightness of 43.1%. #c306d6 color hex could be obtained by blending #ff0cff with #8700ad. Closest websafe color is: #cc00cc.

- R 76
- G 2
- B 84
RGB color chart
- C 9
- M 97
- Y 0
- K 16
CMYK color chart

● #c306d6 color description : Strong magenta.

The hexadecimal color #c306d6 has RGB values of R:195, G:6, B:214 and CMYK values of C:0.09, M:0.97, Y:0, K:0.16. Its decimal value is 12781270.

Hex triplet	c306d6	`#c306d6`
RGB Decimal	195, 6, 214	`rgb(195,6,214)`
RGB Percent	76.5, 2.4, 83.9	`rgb(76.5%,2.4%,83.9%)`
CMYK	9, 97, 0, 16
HSL	294.5°, 94.5, 43.1	`hsl(294.5,94.5%,43.1%)`
HSV (or HSB)	294.5°, 97.2, 83.9
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.739, 82.645, -58.498
XYZ	34.707, 16.589, 64.989
xyY	0.298, 0.143, 16.589
CIE-LCH	47.739, 101.254, 324.708
CIE-LUV	47.739, 57.272, -97.012
Hunter-Lab	40.73, 80.827, -66.091
Binary	11000011, 00000110, 11010110

#c306d6
```
#c306d6 rgb(195,6,214)
```
#19d606
```
#19d606 rgb(25,214,6)
```

Complementary Color

#5b06d6
```
#5b06d6 rgb(91,6,214)
```
#c306d6
```
#c306d6 rgb(195,6,214)
```
#d60681
```
#d60681 rgb(214,6,129)
```

Analogous Color

#06d65b
```
#06d65b rgb(6,214,91)
```
#c306d6
```
#c306d6 rgb(195,6,214)
```
#81d606
```
#81d606 rgb(129,214,6)
```

Split Complementary Color

#06d6c3
```
#06d6c3 rgb(6,214,195)
```
#c306d6
```
#c306d6 rgb(195,6,214)
```
#d6c306
```
#d6c306 rgb(214,195,6)
```

Triadic Color

#7f048c
```
#7f048c rgb(127,4,140)
```
#9605a4
```
#9605a4 rgb(150,5,164)
```
#ac05bd
```
#ac05bd rgb(172,5,189)
```
#c306d6
```
#c306d6 rgb(195,6,214)
```
#da07ef
```
#da07ef rgb(218,7,239)
```
#e417f8
```
#e417f8 rgb(228,23,248)
```
#e72ff9
```
#e72ff9 rgb(231,47,249)
```

Monochromatic Color

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

#8f06d6
```
#8f06d6 rgb(143,6,214)
```
#a006d6
```
#a006d6 rgb(160,6,214)
```
#b206d6
```
#b206d6 rgb(178,6,214)
```
#c306d6
```
#c306d6 rgb(195,6,214)
```
#d406d6
```
#d406d6 rgb(212,6,214)
```
#d606c6
```
#d606c6 rgb(214,6,198)
```
#d606b5
```
#d606b5 rgb(214,6,181)
```

Similar Colors

Text with hexadecimal color #c306d6

This text has a font color of #c306d6.

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

#c306d6 background color

This paragraph has a background color of #c306d6.

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

#c306d6 border color

This element has a border color of #c306d6.

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

CSS codes

.text {color:#c306d6;}

.background {background-color:#c306d6;}

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

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, #040004 is the darkest color, while #fdf0ff is the lightest one.

#040004
```
#040004 rgb(4,0,4)
```
#150117
```
#150117 rgb(21,1,23)
```
#27012a
```
#27012a rgb(39,1,42)
```
#38023d
```
#38023d rgb(56,2,61)
```
#490250
```
#490250 rgb(73,2,80)
```
#5b0364
```
#5b0364 rgb(91,3,100)
```
#6c0377
```
#6c0377 rgb(108,3,119)
```
#7d048a
```
#7d048a rgb(125,4,138)
```
#8f049d
```
#8f049d rgb(143,4,157)
```
#a005b0
```
#a005b0 rgb(160,5,176)
```
#b205c3
```
#b205c3 rgb(178,5,195)
```
#c306d6
```
#c306d6 rgb(195,6,214)
```
#d407e9
```
#d407e9 rgb(212,7,233)
```

Shade Color Variation

#e30bf8
```
#e30bf8 rgb(227,11,248)
```
#e51ef9
```
#e51ef9 rgb(229,30,249)
```
#e731f9
```
#e731f9 rgb(231,49,249)
```
#e944fa
```
#e944fa rgb(233,68,250)
```
#eb57fa
```
#eb57fa rgb(235,87,250)
```
#ee6afb
```
#ee6afb rgb(238,106,251)
```
#f07efb
```
#f07efb rgb(240,126,251)
```
#f291fc
```
#f291fc rgb(242,145,252)
```
#f4a4fc
```
#f4a4fc rgb(244,164,252)
```
#f7b7fd
```
#f7b7fd rgb(247,183,253)
```
#f9cafe
```
#f9cafe rgb(249,202,254)
```
#fbddfe
```
#fbddfe rgb(251,221,254)
```
#fdf0ff
```
#fdf0ff rgb(253,240,255)
```

Tint Color Variation

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

#706c70
```
#706c70 rgb(112,108,112)
```
#776379
```
#776379 rgb(119,99,121)
```
#7e5b81
```
#7e5b81 rgb(126,91,129)
```
#85528a
```
#85528a rgb(133,82,138)
```
#8c4a92
```
#8c4a92 rgb(140,74,146)
```
#93419b
```
#93419b rgb(147,65,155)
```
#9a39a3
```
#9a39a3 rgb(154,57,163)
```
#a030ac
```
#a030ac rgb(160,48,172)
```
#a728b4
```
#a728b4 rgb(167,40,180)
```
#ae1fbd
```
#ae1fbd rgb(174,31,189)
```
#b517c5
```
#b517c5 rgb(181,23,197)
```
#bc0ece
```
#bc0ece rgb(188,14,206)
```
#c306d6
```
#c306d6 rgb(195,6,214)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6c4670 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e4 Protanopia 1% of men
#3a79c3 Deuteranopia 1% of men
#b65d62 Tritanopia 0.001% of the population

Trichromacy

#464cdf Protanomaly 1% of men, 0.01% of women
#6b4fca Deuteranomaly 6% of men, 0.4% of women
#ba3d8c Tritanomaly 0.01% of the population