#cc31d5 hex color

In a RGB color space, hex #cc31d5 is composed of 80% red, 19.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 4.2% cyan, 77% magenta, 0% yellow and 16.5% black. It has a hue angle of 296.7 degrees, a saturation of 66.1% and a lightness of 51.4%. #cc31d5 color hex could be obtained by blending #ff62ff with #9900ab. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 80
- G 19
- B 84
RGB color chart
- C 4
- M 77
- Y 0
- K 16
CMYK color chart

● #cc31d5 color description : Strong magenta.

The hexadecimal color #cc31d5 has RGB values of R:204, G:49, B:213 and CMYK values of C:0.04, M:0.77, Y:0, K:0.16. Its decimal value is 13382101.

Hex triplet	cc31d5	`#cc31d5`
RGB Decimal	204, 49, 213	`rgb(204,49,213)`
RGB Percent	80, 19.2, 83.5	`rgb(80%,19.2%,83.5%)`
CMYK	4, 77, 0, 16
HSL	296.7°, 66.1, 51.4	`hsl(296.7,66.1%,51.4%)`
HSV (or HSB)	296.7°, 77, 83.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	51.656, 76.751, -51.559
XYZ	38.009, 19.84, 64.775
xyY	0.31, 0.162, 19.84
CIE-LCH	51.656, 92.461, 326.108
CIE-LUV	51.656, 59.804, -88.23
Hunter-Lab	44.543, 74.37, -55.041
Binary	11001100, 00110001, 11010101

#cc31d5
```
#cc31d5 rgb(204,49,213)
```
#3ad531
```
#3ad531 rgb(58,213,49)
```

Complementary Color

#7a31d5
```
#7a31d5 rgb(122,49,213)
```
#cc31d5
```
#cc31d5 rgb(204,49,213)
```
#d5318c
```
#d5318c rgb(213,49,140)
```

Analogous Color

#31d57a
```
#31d57a rgb(49,213,122)
```
#cc31d5
```
#cc31d5 rgb(204,49,213)
```
#8cd531
```
#8cd531 rgb(140,213,49)
```

Split Complementary Color

#31d5cc
```
#31d5cc rgb(49,213,204)
```
#cc31d5
```
#cc31d5 rgb(204,49,213)
```
#d5cc31
```
#d5cc31 rgb(213,204,49)
```

Triadic Color

#313ad5
```
#313ad5 rgb(49,58,213)
```
#cc31d5
```
#cc31d5 rgb(204,49,213)
```
#d5cc31
```
#d5cc31 rgb(213,204,49)
```
#3ad531
```
#3ad531 rgb(58,213,49)
```

Tetradic Color

#931f9a
```
#931f9a rgb(147,31,154)
```
#a824af
```
#a824af rgb(168,36,175)
```
#bc28c4
```
#bc28c4 rgb(188,40,196)
```
#cc31d5
```
#cc31d5 rgb(204,49,213)
```
#d146d9
```
#d146d9 rgb(209,70,217)
```
#d65bde
```
#d65bde rgb(214,91,222)
```
#dc71e2
```
#dc71e2 rgb(220,113,226)
```

Monochromatic Color

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

#a331d5
```
#a331d5 rgb(163,49,213)
```
#b131d5
```
#b131d5 rgb(177,49,213)
```
#be31d5
```
#be31d5 rgb(190,49,213)
```
#cc31d5
```
#cc31d5 rgb(204,49,213)
```
#d531d0
```
#d531d0 rgb(213,49,208)
```
#d531c3
```
#d531c3 rgb(213,49,195)
```
#d531b5
```
#d531b5 rgb(213,49,181)
```

Similar Colors

Text with hexadecimal color #cc31d5

This text has a font color of #cc31d5.

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

#cc31d5 background color

This paragraph has a background color of #cc31d5.

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

#cc31d5 border color

This element has a border color of #cc31d5.

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

CSS codes

.text {color:#cc31d5;}

.background {background-color:#cc31d5;}

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

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

#060106
```
#060106 rgb(6,1,6)
```
#150516
```
#150516 rgb(21,5,22)
```
#250826
```
#250826 rgb(37,8,38)
```
#340b37
```
#340b37 rgb(52,11,55)
```
#440e47
```
#440e47 rgb(68,14,71)
```
#531257
```
#531257 rgb(83,18,87)
```
#631568
```
#631568 rgb(99,21,104)
```
#731878
```
#731878 rgb(115,24,120)
```
#821c88
```
#821c88 rgb(130,28,136)
```
#921f98
```
#921f98 rgb(146,31,152)
```
#a122a9
```
#a122a9 rgb(161,34,169)
```
#b126b9
```
#b126b9 rgb(177,38,185)
```
#c129c9
```
#c129c9 rgb(193,41,201)
```

Shade Color Variation

#cc31d5
```
#cc31d5 rgb(204,49,213)
```
#d041d8
```
#d041d8 rgb(208,65,216)
```
#d452dc
```
#d452dc rgb(212,82,220)
```
#d862df
```
#d862df rgb(216,98,223)
```
#dc72e2
```
#dc72e2 rgb(220,114,226)
```
#e082e6
```
#e082e6 rgb(224,130,230)
```
#e493e9
```
#e493e9 rgb(228,147,233)
```
#e8a3ec
```
#e8a3ec rgb(232,163,236)
```
#ecb3f0
```
#ecb3f0 rgb(236,179,240)
```
#f0c4f3
```
#f0c4f3 rgb(240,196,243)
```
#f4d4f6
```
#f4d4f6 rgb(244,212,246)
```
#f8e4fa
```
#f8e4fa rgb(248,228,250)
```
#fcf5fd
```
#fcf5fd rgb(252,245,253)
```

Tint Color Variation

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

#887d89
```
#887d89 rgb(136,125,137)
```
#917492
```
#917492 rgb(145,116,146)
```
#996a9c
```
#996a9c rgb(153,106,156)
```
#a261a5
```
#a261a5 rgb(162,97,165)
```
#aa57af
```
#aa57af rgb(170,87,175)
```
#b34eb8
```
#b34eb8 rgb(179,78,184)
```
#bb44c2
```
#bb44c2 rgb(187,68,194)
```
#c43bcb
```
#c43bcb rgb(196,59,203)
```
#cc31d5
```
#cc31d5 rgb(204,49,213)
```
#d427df
```
#d427df rgb(212,39,223)
```
#dd1ee8
```
#dd1ee8 rgb(221,30,232)
```
#e514f2
```
#e514f2 rgb(229,20,242)
```
#ee0bfb
```
#ee0bfb rgb(238,11,251)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#846586 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef6 Protanopia 1% of men
#5882c5 Deuteranopia 1% of men
#c0666d Tritanopia 0.001% of the population

Trichromacy

#4a62ea Protanomaly 1% of men, 0.01% of women
#8264cb Deuteranomaly 6% of men, 0.4% of women
#c45392 Tritanomaly 0.01% of the population

#cc31d5 hex color

#cc31d5 Color Information

#cc31d5 Color Conversion

Color Schemes with #cc31d5

Alternatives to #cc31d5

#cc31d5 Preview

Shades and Tints of #cc31d5

Tones of #cc31d5

Color Blindness Simulator