#cc45fd hex color

In a RGB color space, hex #cc45fd is composed of 80% red, 27.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 72.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 284 degrees, a saturation of 97.9% and a lightness of 63.1%. #cc45fd color hex could be obtained by blending #ff8aff with #9900fb. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 80
- G 27
- B 99
RGB color chart
- C 19
- M 73
- Y 0
- K 1
CMYK color chart

● #cc45fd color description : Bright violet.

The hexadecimal color #cc45fd has RGB values of R:204, G:69, B:253 and CMYK values of C:0.19, M:0.73, Y:0, K:0.01. Its decimal value is 13387261.

Hex triplet	cc45fd	`#cc45fd`
RGB Decimal	204, 69, 253	`rgb(204,69,253)`
RGB Percent	80, 27.1, 99.2	`rgb(80%,27.1%,99.2%)`
CMYK	19, 73, 0, 1
HSL	284°, 97.9, 63.1	`hsl(284,97.9%,63.1%)`
HSV (or HSB)	284°, 72.7, 99.2
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	56.275, 77.467, -66.656
XYZ	44.757, 24.187, 95.234
xyY	0.273, 0.147, 24.187
CIE-LCH	56.275, 102.197, 319.29
CIE-LUV	56.275, 44.187, -112.909
Hunter-Lab	49.18, 76.381, -80.384
Binary	11001100, 01000101, 11111101

#cc45fd
```
#cc45fd rgb(204,69,253)
```
#76fd45
```
#76fd45 rgb(118,253,69)
```

Complementary Color

#7045fd
```
#7045fd rgb(112,69,253)
```
#cc45fd
```
#cc45fd rgb(204,69,253)
```
#fd45d2
```
#fd45d2 rgb(253,69,210)
```

Analogous Color

#45fd70
```
#45fd70 rgb(69,253,112)
```
#cc45fd
```
#cc45fd rgb(204,69,253)
```
#d2fd45
```
#d2fd45 rgb(210,253,69)
```

Split Complementary Color

#45fdcc
```
#45fdcc rgb(69,253,204)
```
#cc45fd
```
#cc45fd rgb(204,69,253)
```
#fdcc45
```
#fdcc45 rgb(253,204,69)
```

Triadic Color

#4576fd
```
#4576fd rgb(69,118,253)
```
#cc45fd
```
#cc45fd rgb(204,69,253)
```
#fdcc45
```
#fdcc45 rgb(253,204,69)
```
#76fd45
```
#76fd45 rgb(118,253,69)
```

Tetradic Color

#b303f3
```
#b303f3 rgb(179,3,243)
```
#be13fc
```
#be13fc rgb(190,19,252)
```
#c52cfd
```
#c52cfd rgb(197,44,253)
```
#cc45fd
```
#cc45fd rgb(204,69,253)
```
#d35efd
```
#d35efd rgb(211,94,253)
```
#da77fe
```
#da77fe rgb(218,119,254)
```
#e191fe
```
#e191fe rgb(225,145,254)
```

Monochromatic Color

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

#9e45fd
```
#9e45fd rgb(158,69,253)
```
#ad45fd
```
#ad45fd rgb(173,69,253)
```
#bd45fd
```
#bd45fd rgb(189,69,253)
```
#cc45fd
```
#cc45fd rgb(204,69,253)
```
#db45fd
```
#db45fd rgb(219,69,253)
```
#eb45fd
```
#eb45fd rgb(235,69,253)
```
#fa45fd
```
#fa45fd rgb(250,69,253)
```

Similar Colors

Text with hexadecimal color #cc45fd

This text has a font color of #cc45fd.

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

#cc45fd background color

This paragraph has a background color of #cc45fd.

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

#cc45fd border color

This element has a border color of #cc45fd.

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

CSS codes

.text {color:#cc45fd;}

.background {background-color:#cc45fd;}

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

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

#060008
```
#060008 rgb(6,0,8)
```
#14001b
```
#14001b rgb(20,0,27)
```
#23012f
```
#23012f rgb(35,1,47)
```
#310142
```
#310142 rgb(49,1,66)
```
#3f0156
```
#3f0156 rgb(63,1,86)
```
#4d0169
```
#4d0169 rgb(77,1,105)
```
#5c017d
```
#5c017d rgb(92,1,125)
```
#6a0290
```
#6a0290 rgb(106,2,144)
```
#7802a3
```
#7802a3 rgb(120,2,163)
```
#8702b7
```
#8702b7 rgb(135,2,183)
```
#9502ca
```
#9502ca rgb(149,2,202)
```
#a302de
```
#a302de rgb(163,2,222)
```
#b103f1
```
#b103f1 rgb(177,3,241)
```

Shade Color Variation

#bc0bfc
```
#bc0bfc rgb(188,11,252)
```
#c11efd
```
#c11efd rgb(193,30,253)
```
#c732fd
```
#c732fd rgb(199,50,253)
```
#cc45fd
```
#cc45fd rgb(204,69,253)
```
#d158fd
```
#d158fd rgb(209,88,253)
```
#d76cfd
```
#d76cfd rgb(215,108,253)
```
#dc7ffe
```
#dc7ffe rgb(220,127,254)
```
#e193fe
```
#e193fe rgb(225,147,254)
```
#e7a6fe
```
#e7a6fe rgb(231,166,254)
```
#ecb9fe
```
#ecb9fe rgb(236,185,254)
```
#f1cdfe
```
#f1cdfe rgb(241,205,254)
```
#f7e0ff
```
#f7e0ff rgb(247,224,255)
```
#fcf4ff
```
#fcf4ff rgb(252,244,255)
```

Tint Color Variation

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

#a39ca6
```
#a39ca6 rgb(163,156,166)
```
#a795ad
```
#a795ad rgb(167,149,173)
```
#aa8db5
```
#aa8db5 rgb(170,141,181)
```
#ae86bc
```
#ae86bc rgb(174,134,188)
```
#b17fc3
```
#b17fc3 rgb(177,127,195)
```
#b478ca
```
#b478ca rgb(180,120,202)
```
#b870d2
```
#b870d2 rgb(184,112,210)
```
#bb69d9
```
#bb69d9 rgb(187,105,217)
```
#be62e0
```
#be62e0 rgb(190,98,224)
```
#c25be7
```
#c25be7 rgb(194,91,231)
```
#c553ef
```
#c553ef rgb(197,83,239)
```
#c94cf6
```
#c94cf6 rgb(201,76,246)
```
#cc45fd
```
#cc45fd rgb(204,69,253)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#91769b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e89ff Protanopia 1% of men
#348eea Deuteranopia 1% of men
#b97c84 Tritanopia 0.001% of the population

Trichromacy

#7170fe Protanomaly 1% of men, 0.01% of women
#6b74f0 Deuteranomaly 6% of men, 0.4% of women
#c068b0 Tritanomaly 0.01% of the population

#cc45fd hex color

#cc45fd Color Information

#cc45fd Color Conversion

Color Schemes with #cc45fd

Alternatives to #cc45fd

#cc45fd Preview

Shades and Tints of #cc45fd

Tones of #cc45fd

Color Blindness Simulator