colorhexa.com

#cd31c3 hex color

In a RGB color space, hex #cd31c3 is composed of 80.4% red, 19.2% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.1% magenta, 4.9% yellow and 19.6% black. It has a hue angle of 303.8 degrees, a saturation of 61.4% and a lightness of 49.8%. #cd31c3 color hex could be obtained by blending #ff62ff with #9b0087. Closest websafe color is: #cc33cc.

- R 80
- G 19
- B 76
RGB color chart
- C 0
- M 76
- Y 5
- K 20
CMYK color chart

● #cd31c3 color description : Strong magenta.

The hexadecimal color #cd31c3 has RGB values of R:205, G:49, B:195 and CMYK values of C:0, M:0.76, Y:0.05, K:0.2. Its decimal value is 13447619.

Hex triplet	cd31c3	`#cd31c3`
RGB Decimal	205, 49, 195	`rgb(205,49,195)`
RGB Percent	80.4, 19.2, 76.5	`rgb(80.4%,19.2%,76.5%)`
CMYK	0, 76, 5, 20
HSL	303.8°, 61.4, 49.8	`hsl(303.8,61.4%,49.8%)`
HSV (or HSB)	303.8°, 76.1, 80.4
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.825, 74.141, -42.519
XYZ	36.125, 19.118, 53.414
xyY	0.332, 0.176, 19.118
CIE-LCH	50.825, 85.468, 330.166
CIE-LUV	50.825, 66.894, -74.133
Hunter-Lab	43.725, 70.957, -41.822
Binary	11001101, 00110001, 11000011

#cd31c3
```
#cd31c3 rgb(205,49,195)
```
#31cd3b
```
#31cd3b rgb(49,205,59)
```

Complementary Color

#8931cd
```
#8931cd rgb(137,49,205)
```
#cd31c3
```
#cd31c3 rgb(205,49,195)
```
#cd3175
```
#cd3175 rgb(205,49,117)
```

Analogous Color

#31cd89
```
#31cd89 rgb(49,205,137)
```
#cd31c3
```
#cd31c3 rgb(205,49,195)
```
#75cd31
```
#75cd31 rgb(117,205,49)
```

Split Complementary Color

#31c3cd
```
#31c3cd rgb(49,195,205)
```
#cd31c3
```
#cd31c3 rgb(205,49,195)
```
#c3cd31
```
#c3cd31 rgb(195,205,49)
```

Triadic Color

#3b31cd
```
#3b31cd rgb(59,49,205)
```
#cd31c3
```
#cd31c3 rgb(205,49,195)
```
#c3cd31
```
#c3cd31 rgb(195,205,49)
```
#31cd3b
```
#31cd3b rgb(49,205,59)
```

Tetradic Color

#8f2288
```
#8f2288 rgb(143,34,136)
```
#a4279c
```
#a4279c rgb(164,39,156)
```
#b82caf
```
#b82caf rgb(184,44,175)
```
#cd31c3
```
#cd31c3 rgb(205,49,195)
```
#d345c9
```
#d345c9 rgb(211,69,201)
```
#d75acf
```
#d75acf rgb(215,90,207)
```
#dc6ed5
```
#dc6ed5 rgb(220,110,213)
```

Monochromatic Color

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

#b031cd
```
#b031cd rgb(176,49,205)
```
#bd31cd
```
#bd31cd rgb(189,49,205)
```
#ca31cd
```
#ca31cd rgb(202,49,205)
```
#cd31c3
```
#cd31c3 rgb(205,49,195)
```
#cd31b6
```
#cd31b6 rgb(205,49,182)
```
#cd31a9
```
#cd31a9 rgb(205,49,169)
```
#cd319c
```
#cd319c rgb(205,49,156)
```

Similar Colors

Text with hexadecimal color #cd31c3

This text has a font color of #cd31c3.

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

#cd31c3 background color

This paragraph has a background color of #cd31c3.

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

#cd31c3 border color

This element has a border color of #cd31c3.

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

CSS codes

.text {color:#cd31c3;}

.background {background-color:#cd31c3;}

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

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

#0f040e
```
#0f040e rgb(15,4,14)
```
#1f071d
```
#1f071d rgb(31,7,29)
```
#2f0b2c
```
#2f0b2c rgb(47,11,44)
```
#3f0f3b
```
#3f0f3b rgb(63,15,59)
```
#4e134b
```
#4e134b rgb(78,19,75)
```
#5e175a
```
#5e175a rgb(94,23,90)
```
#6e1a69
```
#6e1a69 rgb(110,26,105)
```
#7e1e78
```
#7e1e78 rgb(126,30,120)
```
#8e2287
```
#8e2287 rgb(142,34,135)
```
#9e2696
```
#9e2696 rgb(158,38,150)
```
#ad29a5
```
#ad29a5 rgb(173,41,165)
```
#bd2db4
```
#bd2db4 rgb(189,45,180)
```
#cd31c3
```
#cd31c3 rgb(205,49,195)
```

Shade Color Variation

#d140c8
```
#d140c8 rgb(209,64,200)
```
#d550cd
```
#d550cd rgb(213,80,205)
```
#d960d1
```
#d960d1 rgb(217,96,209)
```
#dd70d6
```
#dd70d6 rgb(221,112,214)
```
#e180da
```
#e180da rgb(225,128,218)
```
#e48fdf
```
#e48fdf rgb(228,143,223)
```
#e89fe3
```
#e89fe3 rgb(232,159,227)
```
#ecafe8
```
#ecafe8 rgb(236,175,232)
```
#f0bfed
```
#f0bfed rgb(240,191,237)
```
#f3cff1
```
#f3cff1 rgb(243,207,241)
```
#f7dff6
```
#f7dff6 rgb(247,223,246)
```
#fbeefa
```
#fbeefa rgb(251,238,250)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#897587
```
#897587 rgb(137,117,135)
```
#926c90
```
#926c90 rgb(146,108,144)
```
#9c6298
```
#9c6298 rgb(156,98,152)
```
#a658a1
```
#a658a1 rgb(166,88,161)
```
#b04ea9
```
#b04ea9 rgb(176,78,169)
```
#b945b2
```
#b945b2 rgb(185,69,178)
```
#c33bba
```
#c33bba rgb(195,59,186)
```
#cd31c3
```
#cd31c3 rgb(205,49,195)
```
#d727cc
```
#d727cc rgb(215,39,204)
```
#e11dd4
```
#e11dd4 rgb(225,29,212)
```
#ea14dd
```
#ea14dd rgb(234,20,221)
```
#f40ae5
```
#f40ae5 rgb(244,10,229)
```
#fe00ee
```
#fe00ee rgb(254,0,238)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#836381 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf3 Protanopia 1% of men
#667fb5 Deuteranopia 1% of men
#c46066 Tritanopia 0.001% of the population

Trichromacy

#4a60e1 Protanomaly 1% of men, 0.01% of women
#8c62ba Deuteranomaly 6% of men, 0.4% of women
#c74f88 Tritanomaly 0.01% of the population