#cc86fb hex color

In a RGB color space, hex #cc86fb is composed of 80% red, 52.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 18.7% cyan, 46.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 275.9 degrees, a saturation of 93.6% and a lightness of 75.5%. #cc86fb color hex could be obtained by blending #ffffff with #990df7. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 80
- G 53
- B 98
RGB color chart
- C 19
- M 47
- Y 0
- K 2
CMYK color chart

● #cc86fb color description : Soft violet.

The hexadecimal color #cc86fb has RGB values of R:204, G:134, B:251 and CMYK values of C:0.19, M:0.47, Y:0, K:0.02. Its decimal value is 13403899.

Hex triplet	cc86fb	`#cc86fb`
RGB Decimal	204, 134, 251	`rgb(204,134,251)`
RGB Percent	80, 52.5, 98.4	`rgb(80%,52.5%,98.4%)`
CMYK	19, 47, 0, 2
HSL	275.9°, 93.6, 75.5	`hsl(275.9,93.6%,75.5%)`
HSV (or HSB)	275.9°, 46.6, 98.4
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	67.167, 47.388, -48.185
XYZ	50.837, 36.854, 95.697
xyY	0.277, 0.201, 36.854
CIE-LCH	67.167, 67.583, 314.522
CIE-LUV	67.167, 26.591, -83.794
Hunter-Lab	60.707, 43.241, -50.968
Binary	11001100, 10000110, 11111011

#cc86fb
```
#cc86fb rgb(204,134,251)
```
#b5fb86
```
#b5fb86 rgb(181,251,134)
```

Complementary Color

#9286fb
```
#9286fb rgb(146,134,251)
```
#cc86fb
```
#cc86fb rgb(204,134,251)
```
#fb86f0
```
#fb86f0 rgb(251,134,240)
```

Analogous Color

#86fb92
```
#86fb92 rgb(134,251,146)
```
#cc86fb
```
#cc86fb rgb(204,134,251)
```
#f0fb86
```
#f0fb86 rgb(240,251,134)
```

Split Complementary Color

#86fbcc
```
#86fbcc rgb(134,251,204)
```
#cc86fb
```
#cc86fb rgb(204,134,251)
```
#fbcc86
```
#fbcc86 rgb(251,204,134)
```

Triadic Color

#86b5fb
```
#86b5fb rgb(134,181,251)
```
#cc86fb
```
#cc86fb rgb(204,134,251)
```
#fbcc86
```
#fbcc86 rgb(251,204,134)
```
#b5fb86
```
#b5fb86 rgb(181,251,134)
```

Tetradic Color

#ad3cf9
```
#ad3cf9 rgb(173,60,249)
```
#b755f9
```
#b755f9 rgb(183,85,249)
```
#c26dfa
```
#c26dfa rgb(194,109,250)
```
#cc86fb
```
#cc86fb rgb(204,134,251)
```
#d69ffc
```
#d69ffc rgb(214,159,252)
```
#e1b7fd
```
#e1b7fd rgb(225,183,253)
```
#ebd0fd
```
#ebd0fd rgb(235,208,253)
```

Monochromatic Color

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

#af86fb
```
#af86fb rgb(175,134,251)
```
#b986fb
```
#b986fb rgb(185,134,251)
```
#c286fb
```
#c286fb rgb(194,134,251)
```
#cc86fb
```
#cc86fb rgb(204,134,251)
```
#d686fb
```
#d686fb rgb(214,134,251)
```
#e086fb
```
#e086fb rgb(224,134,251)
```
#e986fb
```
#e986fb rgb(233,134,251)
```

Similar Colors

Text with hexadecimal color #cc86fb

This text has a font color of #cc86fb.

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

#cc86fb background color

This paragraph has a background color of #cc86fb.

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

#cc86fb border color

This element has a border color of #cc86fb.

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

CSS codes

.text {color:#cc86fb;}

.background {background-color:#cc86fb;}

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

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, #07000c is the darkest color, while #fcf8ff is the lightest one.

#07000c
```
#07000c rgb(7,0,12)
```
#13011f
```
#13011f rgb(19,1,31)
```
#1f0232
```
#1f0232 rgb(31,2,50)
```
#2a0245
```
#2a0245 rgb(42,2,69)
```
#360358
```
#360358 rgb(54,3,88)
```
#41046b
```
#41046b rgb(65,4,107)
```
#4d047e
```
#4d047e rgb(77,4,126)
```
#590591
```
#590591 rgb(89,5,145)
```
#6405a4
```
#6405a4 rgb(100,5,164)
```
#7006b7
```
#7006b7 rgb(112,6,183)
```
#7b07ca
```
#7b07ca rgb(123,7,202)
```
#8707dd
```
#8707dd rgb(135,7,221)
```
#9308f0
```
#9308f0 rgb(147,8,240)
```

Shade Color Variation

#9c14f7
```
#9c14f7 rgb(156,20,247)
```
#a427f8
```
#a427f8 rgb(164,39,248)
```
#ac3af8
```
#ac3af8 rgb(172,58,248)
```
#b44df9
```
#b44df9 rgb(180,77,249)
```
#bc60fa
```
#bc60fa rgb(188,96,250)
```
#c473fa
```
#c473fa rgb(196,115,250)
```
#cc86fb
```
#cc86fb rgb(204,134,251)
```
#d499fc
```
#d499fc rgb(212,153,252)
```
#dcacfc
```
#dcacfc rgb(220,172,252)
```
#e4bffd
```
#e4bffd rgb(228,191,253)
```
#ecd2fe
```
#ecd2fe rgb(236,210,254)
```
#f4e5fe
```
#f4e5fe rgb(244,229,254)
```
#fcf8ff
```
#fcf8ff rgb(252,248,255)
```

Tint Color Variation

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

#c1c0c1
```
#c1c0c1 rgb(193,192,193)
```
#c2bbc6
```
#c2bbc6 rgb(194,187,198)
```
#c3b6cb
```
#c3b6cb rgb(195,182,203)
```
#c3b1d0
```
#c3b1d0 rgb(195,177,208)
```
#c4acd5
```
#c4acd5 rgb(196,172,213)
```
#c5a8d9
```
#c5a8d9 rgb(197,168,217)
```
#c6a3de
```
#c6a3de rgb(198,163,222)
```
#c79ee3
```
#c79ee3 rgb(199,158,227)
```
#c899e8
```
#c899e8 rgb(200,153,232)
```
#c994ed
```
#c994ed rgb(201,148,237)
```
#ca90f1
```
#ca90f1 rgb(202,144,241)
```
#cb8bf6
```
#cb8bf6 rgb(203,139,246)
```
#cc86fb
```
#cc86fb rgb(204,134,251)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#afa1b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#82a5ff Protanopia 1% of men
#84a7f2 Deuteranopia 1% of men
#bfa0ab Tritanopia 0.001% of the population

Trichromacy

#9d9afd Protanomaly 1% of men, 0.01% of women
#9e9bf5 Deuteranomaly 6% of men, 0.4% of women
#c396c8 Tritanomaly 0.01% of the population

#cc86fb hex color

#cc86fb Color Information

#cc86fb Color Conversion

Color Schemes with #cc86fb

Alternatives to #cc86fb

#cc86fb Preview

Shades and Tints of #cc86fb

Tones of #cc86fb

Color Blindness Simulator