#c306e6 hex color

In a RGB color space, hex #c306e6 is composed of 76.5% red, 2.4% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 97.4% magenta, 0% yellow and 9.8% black. It has a hue angle of 290.6 degrees, a saturation of 94.9% and a lightness of 46.3%. #c306e6 color hex could be obtained by blending #ff0cff with #8700cd. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 76
- G 2
- B 90
RGB color chart
- C 15
- M 97
- Y 0
- K 10
CMYK color chart

● #c306e6 color description : Vivid magenta.

The hexadecimal color #c306e6 has RGB values of R:195, G:6, B:230 and CMYK values of C:0.15, M:0.97, Y:0, K:0.1. Its decimal value is 12781286.

Hex triplet	c306e6	`#c306e6`
RGB Decimal	195, 6, 230	`rgb(195,6,230)`
RGB Percent	76.5, 2.4, 90.2	`rgb(76.5%,2.4%,90.2%)`
CMYK	15, 97, 0, 10
HSL	290.6°, 94.9, 46.3	`hsl(290.6,94.9%,46.3%)`
HSV (or HSB)	290.6°, 97.4, 90.2
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.819, 85.204, -65.876
XYZ	36.852, 17.447, 76.285
xyY	0.282, 0.134, 17.447
CIE-LCH	48.819, 107.7, 322.29
CIE-LUV	48.819, 51.819, -108.277
Hunter-Lab	41.77, 84.386, -79.043
Binary	11000011, 00000110, 11100110

#c306e6
```
#c306e6 rgb(195,6,230)
```
#29e606
```
#29e606 rgb(41,230,6)
```

Complementary Color

#5306e6
```
#5306e6 rgb(83,6,230)
```
#c306e6
```
#c306e6 rgb(195,6,230)
```
#e60699
```
#e60699 rgb(230,6,153)
```

Analogous Color

#06e653
```
#06e653 rgb(6,230,83)
```
#c306e6
```
#c306e6 rgb(195,6,230)
```
#99e606
```
#99e606 rgb(153,230,6)
```

Split Complementary Color

#06e6c3
```
#06e6c3 rgb(6,230,195)
```
#c306e6
```
#c306e6 rgb(195,6,230)
```
#e6c306
```
#e6c306 rgb(230,195,6)
```

Triadic Color

#0629e6
```
#0629e6 rgb(6,41,230)
```
#c306e6
```
#c306e6 rgb(195,6,230)
```
#e6c306
```
#e6c306 rgb(230,195,6)
```
#29e606
```
#29e606 rgb(41,230,6)
```

Tetradic Color

#84049b
```
#84049b rgb(132,4,155)
```
#9905b4
```
#9905b4 rgb(153,5,180)
```
#ae05cd
```
#ae05cd rgb(174,5,205)
```
#c306e6
```
#c306e6 rgb(195,6,230)
```
#d40df9
```
#d40df9 rgb(212,13,249)
```
#d826f9
```
#d826f9 rgb(216,38,249)
```
#dd3ffa
```
#dd3ffa rgb(221,63,250)
```

Monochromatic Color

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

#8b06e6
```
#8b06e6 rgb(139,6,230)
```
#9e06e6
```
#9e06e6 rgb(158,6,230)
```
#b006e6
```
#b006e6 rgb(176,6,230)
```
#c306e6
```
#c306e6 rgb(195,6,230)
```
#d606e6
```
#d606e6 rgb(214,6,230)
```
#e606e4
```
#e606e4 rgb(230,6,228)
```
#e606d1
```
#e606d1 rgb(230,6,209)
```

Similar Colors

Text with hexadecimal color #c306e6

This text has a font color of #c306e6.

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

#c306e6 background color

This paragraph has a background color of #c306e6.

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

#c306e6 border color

This element has a border color of #c306e6.

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

CSS codes

.text {color:#c306e6;}

.background {background-color:#c306e6;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#110114
```
#110114 rgb(17,1,20)
```
#210127
```
#210127 rgb(33,1,39)
```
#31023a
```
#31023a rgb(49,2,58)
```
#41024d
```
#41024d rgb(65,2,77)
```
#520360
```
#520360 rgb(82,3,96)
```
#620373
```
#620373 rgb(98,3,115)
```
#720486
```
#720486 rgb(114,4,134)
```
#82049a
```
#82049a rgb(130,4,154)
```
#9205ad
```
#9205ad rgb(146,5,173)
```
#a305c0
```
#a305c0 rgb(163,5,192)
```
#b306d3
```
#b306d3 rgb(179,6,211)
```
#c306e6
```
#c306e6 rgb(195,6,230)
```

Shade Color Variation

#d307f9
```
#d307f9 rgb(211,7,249)
```
#d61af9
```
#d61af9 rgb(214,26,249)
```
#da2dfa
```
#da2dfa rgb(218,45,250)
```
#dd40fa
```
#dd40fa rgb(221,64,250)
```
#e054fb
```
#e054fb rgb(224,84,251)
```
#e467fb
```
#e467fb rgb(228,103,251)
```
#e77afc
```
#e77afc rgb(231,122,252)
```
#eb8dfc
```
#eb8dfc rgb(235,141,252)
```
#eea0fd
```
#eea0fd rgb(238,160,253)
```
#f1b3fd
```
#f1b3fd rgb(241,179,253)
```
#f5c6fe
```
#f5c6fe rgb(245,198,254)
```
#f8d9fe
```
#f8d9fe rgb(248,217,254)
```
#fcecff
```
#fcecff rgb(252,236,255)
```

Tint Color Variation

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

#787379
```
#787379 rgb(120,115,121)
```
#7e6a82
```
#7e6a82 rgb(126,106,130)
```
#85618b
```
#85618b rgb(133,97,139)
```
#8b5894
```
#8b5894 rgb(139,88,148)
```
#914f9d
```
#914f9d rgb(145,79,157)
```
#9746a6
```
#9746a6 rgb(151,70,166)
```
#9e3cb0
```
#9e3cb0 rgb(158,60,176)
```
#a433b9
```
#a433b9 rgb(164,51,185)
```
#aa2ac2
```
#aa2ac2 rgb(170,42,194)
```
#b021cb
```
#b021cb rgb(176,33,203)
```
#b718d4
```
#b718d4 rgb(183,24,212)
```
#bd0fdd
```
#bd0fdd rgb(189,15,221)
```
#c306e6
```
#c306e6 rgb(195,6,230)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6d4874 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e8 Protanopia 1% of men
#007dd0 Deuteranopia 1% of men
#b36369 Tritanopia 0.001% of the population

Trichromacy

#464ee7 Protanomaly 1% of men, 0.01% of women
#4651d8 Deuteranomaly 6% of men, 0.4% of women
#b84197 Tritanomaly 0.01% of the population

#c306e6 hex color

#c306e6 Color Information

#c306e6 Color Conversion

Color Schemes with #c306e6

Alternatives to #c306e6

#c306e6 Preview

Shades and Tints of #c306e6

Tones of #c306e6

Color Blindness Simulator