#c306f6 hex color

In a RGB color space, hex #c306f6 is composed of 76.5% red, 2.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 20.7% cyan, 97.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 287.3 degrees, a saturation of 95.2% and a lightness of 49.4%. #c306f6 color hex could be obtained by blending #ff0cff with #8700ed. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 76
- G 2
- B 96
RGB color chart
- C 21
- M 98
- Y 0
- K 4
CMYK color chart

● #c306f6 color description : Vivid magenta.

The hexadecimal color #c306f6 has RGB values of R:195, G:6, B:246 and CMYK values of C:0.21, M:0.98, Y:0, K:0.04. Its decimal value is 12781302.

Hex triplet	c306f6	`#c306f6`
RGB Decimal	195, 6, 246	`rgb(195,6,246)`
RGB Percent	76.5, 2.4, 96.5	`rgb(76.5%,2.4%,96.5%)`
CMYK	21, 98, 0, 4
HSL	287.3°, 95.2, 49.4	`hsl(287.3,95.2%,49.4%)`
HSV (or HSB)	287.3°, 97.6, 96.5
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.963, 87.866, -73.037
XYZ	39.203, 18.388, 88.668
xyY	0.268, 0.126, 18.388
CIE-LCH	49.963, 114.257, 320.266
CIE-LUV	49.963, 46.799, -119.194
Hunter-Lab	42.881, 88.149, -92.581
Binary	11000011, 00000110, 11110110

#c306f6
```
#c306f6 rgb(195,6,246)
```
#39f606
```
#39f606 rgb(57,246,6)
```

Complementary Color

#4b06f6
```
#4b06f6 rgb(75,6,246)
```
#c306f6
```
#c306f6 rgb(195,6,246)
```
#f606b1
```
#f606b1 rgb(246,6,177)
```

Analogous Color

#06f64b
```
#06f64b rgb(6,246,75)
```
#c306f6
```
#c306f6 rgb(195,6,246)
```
#b1f606
```
#b1f606 rgb(177,246,6)
```

Split Complementary Color

#06f6c3
```
#06f6c3 rgb(6,246,195)
```
#c306f6
```
#c306f6 rgb(195,6,246)
```
#f6c306
```
#f6c306 rgb(246,195,6)
```

Triadic Color

#0639f6
```
#0639f6 rgb(6,57,246)
```
#c306f6
```
#c306f6 rgb(195,6,246)
```
#f6c306
```
#f6c306 rgb(246,195,6)
```
#39f606
```
#39f606 rgb(57,246,6)
```

Tetradic Color

#8804ab
```
#8804ab rgb(136,4,171)
```
#9c05c4
```
#9c05c4 rgb(156,5,196)
```
#af05dd
```
#af05dd rgb(175,5,221)
```
#c306f6
```
#c306f6 rgb(195,6,246)
```
#ca1cf9
```
#ca1cf9 rgb(202,28,249)
```
#d035fa
```
#d035fa rgb(208,53,250)
```
#d64efb
```
#d64efb rgb(214,78,251)
```

Monochromatic Color

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

#8706f6
```
#8706f6 rgb(135,6,246)
```
#9b06f6
```
#9b06f6 rgb(155,6,246)
```
#af06f6
```
#af06f6 rgb(175,6,246)
```
#c306f6
```
#c306f6 rgb(195,6,246)
```
#d706f6
```
#d706f6 rgb(215,6,246)
```
#eb06f6
```
#eb06f6 rgb(235,6,246)
```
#f606ed
```
#f606ed rgb(246,6,237)
```

Similar Colors

Text with hexadecimal color #c306f6

This text has a font color of #c306f6.

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

#c306f6 background color

This paragraph has a background color of #c306f6.

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

#c306f6 border color

This element has a border color of #c306f6.

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

CSS codes

.text {color:#c306f6;}

.background {background-color:#c306f6;}

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

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

#0d0010
```
#0d0010 rgb(13,0,16)
```
#1c0123
```
#1c0123 rgb(28,1,35)
```
#2b0137
```
#2b0137 rgb(43,1,55)
```
#3a024a
```
#3a024a rgb(58,2,74)
```
#4a025d
```
#4a025d rgb(74,2,93)
```
#590370
```
#590370 rgb(89,3,112)
```
#680383
```
#680383 rgb(104,3,131)
```
#770496
```
#770496 rgb(119,4,150)
```
#8604a9
```
#8604a9 rgb(134,4,169)
```
#9505bd
```
#9505bd rgb(149,5,189)
```
#a505d0
```
#a505d0 rgb(165,5,208)
```
#b406e3
```
#b406e3 rgb(180,6,227)
```
#c306f6
```
#c306f6 rgb(195,6,246)
```

Shade Color Variation

#c916f9
```
#c916f9 rgb(201,22,249)
```
#ce29fa
```
#ce29fa rgb(206,41,250)
```
#d23dfa
```
#d23dfa rgb(210,61,250)
```
#d650fb
```
#d650fb rgb(214,80,251)
```
#db63fb
```
#db63fb rgb(219,99,251)
```
#df76fc
```
#df76fc rgb(223,118,252)
```
#e489fc
```
#e489fc rgb(228,137,252)
```
#e89cfd
```
#e89cfd rgb(232,156,253)
```
#edaffd
```
#edaffd rgb(237,175,253)
```
#f1c3fe
```
#f1c3fe rgb(241,195,254)
```
#f5d6fe
```
#f5d6fe rgb(245,214,254)
```
#fae9fe
```
#fae9fe rgb(250,233,254)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#807a82
```
#807a82 rgb(128,122,130)
```
#86718b
```
#86718b rgb(134,113,139)
```
#8b6795
```
#8b6795 rgb(139,103,149)
```
#915d9f
```
#915d9f rgb(145,93,159)
```
#9654a8
```
#9654a8 rgb(150,84,168)
```
#9c4ab2
```
#9c4ab2 rgb(156,74,178)
```
#a240bc
```
#a240bc rgb(162,64,188)
```
#a736c6
```
#a736c6 rgb(167,54,198)
```
#ad2dcf
```
#ad2dcf rgb(173,45,207)
```
#b223d9
```
#b223d9 rgb(178,35,217)
```
#b819e3
```
#b819e3 rgb(184,25,227)
```
#bd10ec
```
#bd10ec rgb(189,16,236)
```
#c306f6
```
#c306f6 rgb(195,6,246)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6f4979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aed Protanopia 1% of men
#0080d3 Deuteranopia 1% of men
#af6970 Tritanopia 0.001% of the population

Trichromacy

#4650f0 Protanomaly 1% of men, 0.01% of women
#4653e0 Deuteranomaly 6% of men, 0.4% of women
#b645a1 Tritanomaly 0.01% of the population

#c306f6 hex color

#c306f6 Color Information

#c306f6 Color Conversion

Color Schemes with #c306f6

Alternatives to #c306f6

#c306f6 Preview

Shades and Tints of #c306f6

Tones of #c306f6

Color Blindness Simulator