#cc3bff hex color

In a RGB color space, hex #cc3bff is composed of 80% red, 23.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 76.9% magenta, 0% yellow and 0% black. It has a hue angle of 284.4 degrees, a saturation of 100% and a lightness of 61.6%. #cc3bff color hex could be obtained by blending #ff76ff with #9900ff. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 80
- G 23
- B 100
RGB color chart
- C 20
- M 77
- Y 0
- K 0
CMYK color chart

● #cc3bff color description : Light violet.

The hexadecimal color #cc3bff has RGB values of R:204, G:59, B:255 and CMYK values of C:0.2, M:0.77, Y:0, K:0. Its decimal value is 13384703.

Hex triplet	cc3bff	`#cc3bff`
RGB Decimal	204, 59, 255	`rgb(204,59,255)`
RGB Percent	80, 23.1, 100	`rgb(80%,23.1%,100%)`
CMYK	20, 77, 0, 0
HSL	284.4°, 100, 61.6	`hsl(284.4,100%,61.6%)`
HSV (or HSB)	284.4°, 76.9, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	55.264, 81.114, -69.396
XYZ	44.514, 23.187, 96.733
xyY	0.271, 0.141, 23.187
CIE-LCH	55.264, 106.749, 319.452
CIE-LUV	55.264, 45.289, -116.805
Hunter-Lab	48.153, 80.741, -85.399
Binary	11001100, 00111011, 11111111

#cc3bff
```
#cc3bff rgb(204,59,255)
```
#6eff3b
```
#6eff3b rgb(110,255,59)
```

Complementary Color

#6a3bff
```
#6a3bff rgb(106,59,255)
```
#cc3bff
```
#cc3bff rgb(204,59,255)
```
#ff3bd0
```
#ff3bd0 rgb(255,59,208)
```

Analogous Color

#3bff6a
```
#3bff6a rgb(59,255,106)
```
#cc3bff
```
#cc3bff rgb(204,59,255)
```
#d0ff3b
```
#d0ff3b rgb(208,255,59)
```

Split Complementary Color

#3bffcc
```
#3bffcc rgb(59,255,204)
```
#cc3bff
```
#cc3bff rgb(204,59,255)
```
#ffcc3b
```
#ffcc3b rgb(255,204,59)
```

Triadic Color

#3b6eff
```
#3b6eff rgb(59,110,255)
```
#cc3bff
```
#cc3bff rgb(204,59,255)
```
#ffcc3b
```
#ffcc3b rgb(255,204,59)
```
#6eff3b
```
#6eff3b rgb(110,255,59)
```

Tetradic Color

#b000ee
```
#b000ee rgb(176,0,238)
```
#bf08ff
```
#bf08ff rgb(191,8,255)
```
#c522ff
```
#c522ff rgb(197,34,255)
```
#cc3bff
```
#cc3bff rgb(204,59,255)
```
#d355ff
```
#d355ff rgb(211,85,255)
```
#d96eff
```
#d96eff rgb(217,110,255)
```
#e088ff
```
#e088ff rgb(224,136,255)
```

Monochromatic Color

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

#9b3bff
```
#9b3bff rgb(155,59,255)
```
#ab3bff
```
#ab3bff rgb(171,59,255)
```
#bc3bff
```
#bc3bff rgb(188,59,255)
```
#cc3bff
```
#cc3bff rgb(204,59,255)
```
#dc3bff
```
#dc3bff rgb(220,59,255)
```
#ed3bff
```
#ed3bff rgb(237,59,255)
```
#fd3bff
```
#fd3bff rgb(253,59,255)
```

Similar Colors

Text with hexadecimal color #cc3bff

This text has a font color of #cc3bff.

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

#cc3bff background color

This paragraph has a background color of #cc3bff.

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

#cc3bff border color

This element has a border color of #cc3bff.

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

CSS codes

.text {color:#cc3bff;}

.background {background-color:#cc3bff;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0f0014
```
#0f0014 rgb(15,0,20)
```
#1d0027
```
#1d0027 rgb(29,0,39)
```
#2c003b
```
#2c003b rgb(44,0,59)
```
#3a004f
```
#3a004f rgb(58,0,79)
```
#490062
```
#490062 rgb(73,0,98)
```
#570076
```
#570076 rgb(87,0,118)
```
#660089
```
#660089 rgb(102,0,137)
```
#74009d
```
#74009d rgb(116,0,157)
```
#8300b1
```
#8300b1 rgb(131,0,177)
```
#9100c4
```
#9100c4 rgb(145,0,196)
```
#a000d8
```
#a000d8 rgb(160,0,216)
```
#ae00ec
```
#ae00ec rgb(174,0,236)
```

Shade Color Variation

#bd00ff
```
#bd00ff rgb(189,0,255)
```
#c214ff
```
#c214ff rgb(194,20,255)
```
#c727ff
```
#c727ff rgb(199,39,255)
```
#cc3bff
```
#cc3bff rgb(204,59,255)
```
#d14fff
```
#d14fff rgb(209,79,255)
```
#d662ff
```
#d662ff rgb(214,98,255)
```
#db76ff
```
#db76ff rgb(219,118,255)
```
#e089ff
```
#e089ff rgb(224,137,255)
```
#e69dff
```
#e69dff rgb(230,157,255)
```
#ebb1ff
```
#ebb1ff rgb(235,177,255)
```
#f0c4ff
```
#f0c4ff rgb(240,196,255)
```
#f5d8ff
```
#f5d8ff rgb(245,216,255)
```
#faecff
```
#faecff rgb(250,236,255)
```

Tint Color Variation

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

#a195a5
```
#a195a5 rgb(161,149,165)
```
#a48eac
```
#a48eac rgb(164,142,172)
```
#a886b4
```
#a886b4 rgb(168,134,180)
```
#ab7fbb
```
#ab7fbb rgb(171,127,187)
```
#af77c3
```
#af77c3 rgb(175,119,195)
```
#b370ca
```
#b370ca rgb(179,112,202)
```
#b668d2
```
#b668d2 rgb(182,104,210)
```
#ba61d9
```
#ba61d9 rgb(186,97,217)
```
#be59e1
```
#be59e1 rgb(190,89,225)
```
#c152e8
```
#c152e8 rgb(193,82,232)
```
#c54af0
```
#c54af0 rgb(197,74,240)
```
#c843f7
```
#c843f7 rgb(200,67,247)
```
#cc3bff
```
#cc3bff rgb(204,59,255)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#8d7097 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3286ff Protanopia 1% of men
#188cea Deuteranopia 1% of men
#b87881 Tritanopia 0.001% of the population

Trichromacy

#6a6bff Protanomaly 1% of men, 0.01% of women
#596ff1 Deuteranomaly 6% of men, 0.4% of women
#bf62ae Tritanomaly 0.01% of the population

#cc3bff hex color

#cc3bff Color Information

#cc3bff Color Conversion

Color Schemes with #cc3bff

Alternatives to #cc3bff

#cc3bff Preview

Shades and Tints of #cc3bff

Tones of #cc3bff

Color Blindness Simulator