#c306ec hex color

In a RGB color space, hex #c306ec is composed of 76.5% red, 2.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 17.4% cyan, 97.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 289.3 degrees, a saturation of 95% and a lightness of 47.5%. #c306ec color hex could be obtained by blending #ff0cff with #8700d9. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 76
- G 2
- B 93
RGB color chart
- C 17
- M 97
- Y 0
- K 7
CMYK color chart

● #c306ec color description : Vivid magenta.

The hexadecimal color #c306ec has RGB values of R:195, G:6, B:236 and CMYK values of C:0.17, M:0.97, Y:0, K:0.07. Its decimal value is 12781292.

Hex triplet	c306ec	`#c306ec`
RGB Decimal	195, 6, 236	`rgb(195,6,236)`
RGB Percent	76.5, 2.4, 92.5	`rgb(76.5%,2.4%,92.5%)`
CMYK	17, 97, 0, 7
HSL	289.3°, 95, 47.5	`hsl(289.3,95%,47.5%)`
HSV (or HSB)	289.3°, 97.5, 92.5
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.241, 86.191, -68.586
XYZ	37.709, 17.79, 80.8
xyY	0.277, 0.131, 17.79
CIE-LCH	49.241, 110.149, 321.489
CIE-LUV	49.241, 49.887, -112.411
Hunter-Lab	42.179, 85.774, -84.055
Binary	11000011, 00000110, 11101100

#c306ec
```
#c306ec rgb(195,6,236)
```
#2fec06
```
#2fec06 rgb(47,236,6)
```

Complementary Color

#5006ec
```
#5006ec rgb(80,6,236)
```
#c306ec
```
#c306ec rgb(195,6,236)
```
#ec06a2
```
#ec06a2 rgb(236,6,162)
```

Analogous Color

#06ec50
```
#06ec50 rgb(6,236,80)
```
#c306ec
```
#c306ec rgb(195,6,236)
```
#a2ec06
```
#a2ec06 rgb(162,236,6)
```

Split Complementary Color

#06ecc3
```
#06ecc3 rgb(6,236,195)
```
#c306ec
```
#c306ec rgb(195,6,236)
```
#ecc306
```
#ecc306 rgb(236,195,6)
```

Triadic Color

#062fec
```
#062fec rgb(6,47,236)
```
#c306ec
```
#c306ec rgb(195,6,236)
```
#ecc306
```
#ecc306 rgb(236,195,6)
```
#2fec06
```
#2fec06 rgb(47,236,6)
```

Tetradic Color

#8504a1
```
#8504a1 rgb(133,4,161)
```
#9a05ba
```
#9a05ba rgb(154,5,186)
```
#ae05d3
```
#ae05d3 rgb(174,5,211)
```
#c306ec
```
#c306ec rgb(195,6,236)
```
#d013f9
```
#d013f9 rgb(208,19,249)
```
#d52bfa
```
#d52bfa rgb(213,43,250)
```
#da44fa
```
#da44fa rgb(218,68,250)
```

Monochromatic Color

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

#8a06ec
```
#8a06ec rgb(138,6,236)
```
#9d06ec
```
#9d06ec rgb(157,6,236)
```
#b006ec
```
#b006ec rgb(176,6,236)
```
#c306ec
```
#c306ec rgb(195,6,236)
```
#d606ec
```
#d606ec rgb(214,6,236)
```
#e906ec
```
#e906ec rgb(233,6,236)
```
#ec06dc
```
#ec06dc rgb(236,6,220)
```

Similar Colors

Text with hexadecimal color #c306ec

This text has a font color of #c306ec.

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

#c306ec background color

This paragraph has a background color of #c306ec.

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

#c306ec border color

This element has a border color of #c306ec.

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

CSS codes

.text {color:#c306ec;}

.background {background-color:#c306ec;}

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

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

#050006
```
#050006 rgb(5,0,6)
```
#15011a
```
#15011a rgb(21,1,26)
```
#25012d
```
#25012d rgb(37,1,45)
```
#350240
```
#350240 rgb(53,2,64)
```
#450253
```
#450253 rgb(69,2,83)
```
#540366
```
#540366 rgb(84,3,102)
```
#640379
```
#640379 rgb(100,3,121)
```
#74048c
```
#74048c rgb(116,4,140)
```
#84049f
```
#84049f rgb(132,4,159)
```
#9405b3
```
#9405b3 rgb(148,5,179)
```
#a305c6
```
#a305c6 rgb(163,5,198)
```
#b306d9
```
#b306d9 rgb(179,6,217)
```
#c306ec
```
#c306ec rgb(195,6,236)
```

Shade Color Variation

#cf0df9
```
#cf0df9 rgb(207,13,249)
```
#d320f9
```
#d320f9 rgb(211,32,249)
```
#d633fa
```
#d633fa rgb(214,51,250)
```
#da46fa
```
#da46fa rgb(218,70,250)
```
#de59fb
```
#de59fb rgb(222,89,251)
```
#e26cfb
```
#e26cfb rgb(226,108,251)
```
#e680fc
```
#e680fc rgb(230,128,252)
```
#e993fc
```
#e993fc rgb(233,147,252)
```
#eda6fd
```
#eda6fd rgb(237,166,253)
```
#f1b9fd
```
#f1b9fd rgb(241,185,253)
```
#f5ccfe
```
#f5ccfe rgb(245,204,254)
```
#f9dffe
```
#f9dffe rgb(249,223,254)
```
#fcf2ff
```
#fcf2ff rgb(252,242,255)
```

Tint Color Variation

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

#7b767c
```
#7b767c rgb(123,118,124)
```
#816c86
```
#816c86 rgb(129,108,134)
```
#87638f
```
#87638f rgb(135,99,143)
```
#8d5a98
```
#8d5a98 rgb(141,90,152)
```
#9350a2
```
#9350a2 rgb(147,80,162)
```
#9947ab
```
#9947ab rgb(153,71,171)
```
#9f3eb4
```
#9f3eb4 rgb(159,62,180)
```
#a535bd
```
#a535bd rgb(165,53,189)
```
#ab2bc7
```
#ab2bc7 rgb(171,43,199)
```
#b122d0
```
#b122d0 rgb(177,34,208)
```
#b719d9
```
#b719d9 rgb(183,25,217)
```
#bd0fe3
```
#bd0fe3 rgb(189,15,227)
```
#c306ec
```
#c306ec rgb(195,6,236)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6e4876 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ea Protanopia 1% of men
#007ed1 Deuteranopia 1% of men
#b1656c Tritanopia 0.001% of the population

Trichromacy

#464eeb Protanomaly 1% of men, 0.01% of women
#4652db Deuteranomaly 6% of men, 0.4% of women
#b8439a Tritanomaly 0.01% of the population

#c306ec hex color

#c306ec Color Information

#c306ec Color Conversion

Color Schemes with #c306ec

Alternatives to #c306ec

#c306ec Preview

Shades and Tints of #c306ec

Tones of #c306ec

Color Blindness Simulator