#c306de hex color

In a RGB color space, hex #c306de is composed of 76.5% red, 2.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 12.2% cyan, 97.3% magenta, 0% yellow and 12.9% black. It has a hue angle of 292.5 degrees, a saturation of 94.7% and a lightness of 44.7%. #c306de color hex could be obtained by blending #ff0cff with #8700bd. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 76
- G 2
- B 87
RGB color chart
- C 12
- M 97
- Y 0
- K 13
CMYK color chart

● #c306de color description : Vivid magenta.

The hexadecimal color #c306de has RGB values of R:195, G:6, B:222 and CMYK values of C:0.12, M:0.97, Y:0, K:0.13. Its decimal value is 12781278.

Hex triplet	c306de	`#c306de`
RGB Decimal	195, 6, 222	`rgb(195,6,222)`
RGB Percent	76.5, 2.4, 87.1	`rgb(76.5%,2.4%,87.1%)`
CMYK	12, 97, 0, 13
HSL	292.5°, 94.7, 44.7	`hsl(292.5,94.7%,44.7%)`
HSV (or HSB)	292.5°, 97.3, 87.1
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	48.27, 83.911, -62.215
XYZ	35.754, 17.008, 70.503
xyY	0.29, 0.138, 17.008
CIE-LCH	48.27, 104.459, 323.445
CIE-LUV	48.27, 54.491, -102.688
Hunter-Lab	41.241, 82.58, -72.489
Binary	11000011, 00000110, 11011110

#c306de
```
#c306de rgb(195,6,222)
```
#21de06
```
#21de06 rgb(33,222,6)
```

Complementary Color

#5706de
```
#5706de rgb(87,6,222)
```
#c306de
```
#c306de rgb(195,6,222)
```
#de068d
```
#de068d rgb(222,6,141)
```

Analogous Color

#06de57
```
#06de57 rgb(6,222,87)
```
#c306de
```
#c306de rgb(195,6,222)
```
#8dde06
```
#8dde06 rgb(141,222,6)
```

Split Complementary Color

#06dec3
```
#06dec3 rgb(6,222,195)
```
#c306de
```
#c306de rgb(195,6,222)
```
#dec306
```
#dec306 rgb(222,195,6)
```

Triadic Color

#0621de
```
#0621de rgb(6,33,222)
```
#c306de
```
#c306de rgb(195,6,222)
```
#dec306
```
#dec306 rgb(222,195,6)
```
#21de06
```
#21de06 rgb(33,222,6)
```

Tetradic Color

#820494
```
#820494 rgb(130,4,148)
```
#9705ac
```
#9705ac rgb(151,5,172)
```
#ad05c5
```
#ad05c5 rgb(173,5,197)
```
#c306de
```
#c306de rgb(195,6,222)
```
#d907f7
```
#d907f7 rgb(217,7,247)
```
#de1ef9
```
#de1ef9 rgb(222,30,249)
```
#e137fa
```
#e137fa rgb(225,55,250)
```

Monochromatic Color

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

#8d06de
```
#8d06de rgb(141,6,222)
```
#9f06de
```
#9f06de rgb(159,6,222)
```
#b106de
```
#b106de rgb(177,6,222)
```
#c306de
```
#c306de rgb(195,6,222)
```
#d506de
```
#d506de rgb(213,6,222)
```
#de06d5
```
#de06d5 rgb(222,6,213)
```
#de06c3
```
#de06c3 rgb(222,6,195)
```

Similar Colors

Text with hexadecimal color #c306de

This text has a font color of #c306de.

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

#c306de background color

This paragraph has a background color of #c306de.

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

#c306de border color

This element has a border color of #c306de.

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

CSS codes

.text {color:#c306de;}

.background {background-color:#c306de;}

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

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

#0a000c
```
#0a000c rgb(10,0,12)
```
#1b011f
```
#1b011f rgb(27,1,31)
```
#2c0132
```
#2c0132 rgb(44,1,50)
```
#3d0245
```
#3d0245 rgb(61,2,69)
```
#4e0258
```
#4e0258 rgb(78,2,88)
```
#5e036b
```
#5e036b rgb(94,3,107)
```
#6f037f
```
#6f037f rgb(111,3,127)
```
#800492
```
#800492 rgb(128,4,146)
```
#9104a5
```
#9104a5 rgb(145,4,165)
```
#a105b8
```
#a105b8 rgb(161,5,184)
```
#b205cb
```
#b205cb rgb(178,5,203)
```
#c306de
```
#c306de rgb(195,6,222)
```
#d407f1
```
#d407f1 rgb(212,7,241)
```

Shade Color Variation

#dc13f9
```
#dc13f9 rgb(220,19,249)
```
#df26f9
```
#df26f9 rgb(223,38,249)
```
#e239fa
```
#e239fa rgb(226,57,250)
```
#e44cfa
```
#e44cfa rgb(228,76,250)
```
#e75ffb
```
#e75ffb rgb(231,95,251)
```
#ea72fb
```
#ea72fb rgb(234,114,251)
```
#ed85fc
```
#ed85fc rgb(237,133,252)
```
#f098fc
```
#f098fc rgb(240,152,252)
```
#f3abfd
```
#f3abfd rgb(243,171,253)
```
#f5bffd
```
#f5bffd rgb(245,191,253)
```
#f8d2fe
```
#f8d2fe rgb(248,210,254)
```
#fbe5fe
```
#fbe5fe rgb(251,229,254)
```
#fef8ff
```
#fef8ff rgb(254,248,255)
```

Tint Color Variation

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

#746f75
```
#746f75 rgb(116,111,117)
```
#7b667e
```
#7b667e rgb(123,102,126)
```
#815e86
```
#815e86 rgb(129,94,134)
```
#88558f
```
#88558f rgb(136,85,143)
```
#8e4c98
```
#8e4c98 rgb(142,76,152)
```
#9543a1
```
#9543a1 rgb(149,67,161)
```
#9c3ba9
```
#9c3ba9 rgb(156,59,169)
```
#a232b2
```
#a232b2 rgb(162,50,178)
```
#a929bb
```
#a929bb rgb(169,41,187)
```
#af20c4
```
#af20c4 rgb(175,32,196)
```
#b618cc
```
#b618cc rgb(182,24,204)
```
#bc0fd5
```
#bc0fd5 rgb(188,15,213)
```
#c306de
```
#c306de rgb(195,6,222)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6d4772 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e6 Protanopia 1% of men
#2b7bca Deuteranopia 1% of men
#b46066 Tritanopia 0.001% of the population

Trichromacy

#464de3 Protanomaly 1% of men, 0.01% of women
#6250d1 Deuteranomaly 6% of men, 0.4% of women
#b93f91 Tritanomaly 0.01% of the population

#c306de hex color

#c306de Color Information

#c306de Color Conversion

Color Schemes with #c306de

Alternatives to #c306de

#c306de Preview

Shades and Tints of #c306de

Tones of #c306de

Color Blindness Simulator