#cc5481 hex color

In a RGB color space, hex #cc5481 is composed of 80% red, 32.9% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.8% magenta, 36.8% yellow and 20% black. It has a hue angle of 337.5 degrees, a saturation of 54.1% and a lightness of 56.5%. #cc5481 color hex could be obtained by blending #ffa8ff with #990003. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 80
- G 33
- B 51
RGB color chart
- C 0
- M 59
- Y 37
- K 20
CMYK color chart

● #cc5481 color description : Moderate pink.

The hexadecimal color #cc5481 has RGB values of R:204, G:84, B:129 and CMYK values of C:0, M:0.59, Y:0.37, K:0.2. Its decimal value is 13390977.

Hex triplet	cc5481	`#cc5481`
RGB Decimal	204, 84, 129	`rgb(204,84,129)`
RGB Percent	80, 32.9, 50.6	`rgb(80%,32.9%,50.6%)`
CMYK	0, 59, 37, 20
HSL	337.5°, 54.1, 56.5	`hsl(337.5,54.1%,56.5%)`
HSV (or HSB)	337.5°, 58.8, 80
Web Safe	cc6699	`#cc6699`

CIE-LAB	52.692, 51.876, -0.83
XYZ	32.035, 20.766, 23.089
xyY	0.422, 0.274, 20.766
CIE-LCH	52.692, 51.883, 359.084
CIE-LUV	52.692, 77.122, -10.673
Hunter-Lab	45.569, 45.738, 1.858
Binary	11001100, 01010100, 10000001

#cc5481
```
#cc5481 rgb(204,84,129)
```
#54cc9f
```
#54cc9f rgb(84,204,159)
```

Complementary Color

#cc54bd
```
#cc54bd rgb(204,84,189)
```
#cc5481
```
#cc5481 rgb(204,84,129)
```
#cc6354
```
#cc6354 rgb(204,99,84)
```

Analogous Color

#54bdcc
```
#54bdcc rgb(84,189,204)
```
#cc5481
```
#cc5481 rgb(204,84,129)
```
#54cc63
```
#54cc63 rgb(84,204,99)
```

Split Complementary Color

#5481cc
```
#5481cc rgb(84,129,204)
```
#cc5481
```
#cc5481 rgb(204,84,129)
```
#81cc54
```
#81cc54 rgb(129,204,84)
```

Triadic Color

#9f54cc
```
#9f54cc rgb(159,84,204)
```
#cc5481
```
#cc5481 rgb(204,84,129)
```
#81cc54
```
#81cc54 rgb(129,204,84)
```
#54cc9f
```
#54cc9f rgb(84,204,159)
```

Tetradic Color

#a3315b
```
#a3315b rgb(163,49,91)
```
#b73666
```
#b73666 rgb(183,54,102)
```
#c64073
```
#c64073 rgb(198,64,115)
```
#cc5481
```
#cc5481 rgb(204,84,129)
```
#d2688f
```
#d2688f rgb(210,104,143)
```
#d87b9e
```
#d87b9e rgb(216,123,158)
```
#de8fac
```
#de8fac rgb(222,143,172)
```

Monochromatic Color

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

#cc549f
```
#cc549f rgb(204,84,159)
```
#cc5495
```
#cc5495 rgb(204,84,149)
```
#cc548b
```
#cc548b rgb(204,84,139)
```
#cc5481
```
#cc5481 rgb(204,84,129)
```
#cc5477
```
#cc5477 rgb(204,84,119)
```
#cc546d
```
#cc546d rgb(204,84,109)
```
#cc5463
```
#cc5463 rgb(204,84,99)
```

Similar Colors

Text with hexadecimal color #cc5481

This text has a font color of #cc5481.

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

#cc5481 background color

This paragraph has a background color of #cc5481.

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

#cc5481 border color

This element has a border color of #cc5481.

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

CSS codes

.text {color:#cc5481;}

.background {background-color:#cc5481;}

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

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

#0a0306
```
#0a0306 rgb(10,3,6)
```
#19080e
```
#19080e rgb(25,8,14)
```
#290c17
```
#290c17 rgb(41,12,23)
```
#38111f
```
#38111f rgb(56,17,31)
```
#471528
```
#471528 rgb(71,21,40)
```
#561a30
```
#561a30 rgb(86,26,48)
```
#651e39
```
#651e39 rgb(101,30,57)
```
#742341
```
#742341 rgb(116,35,65)
```
#83274a
```
#83274a rgb(131,39,74)
```
#922c52
```
#922c52 rgb(146,44,82)
```
#a1305b
```
#a1305b rgb(161,48,91)
```
#b13563
```
#b13563 rgb(177,53,99)
```
#c0396c
```
#c0396c rgb(192,57,108)
```

Shade Color Variation

#c74576
```
#c74576 rgb(199,69,118)
```
#cc5481
```
#cc5481 rgb(204,84,129)
```
#d1638c
```
#d1638c rgb(209,99,140)
```
#d57297
```
#d57297 rgb(213,114,151)
```
#da81a2
```
#da81a2 rgb(218,129,162)
```
#de90ae
```
#de90ae rgb(222,144,174)
```
#e3a0b9
```
#e3a0b9 rgb(227,160,185)
```
#e7afc4
```
#e7afc4 rgb(231,175,196)
```
#ecbecf
```
#ecbecf rgb(236,190,207)
```
#f0cdda
```
#f0cdda rgb(240,205,218)
```
#f5dce5
```
#f5dce5 rgb(245,220,229)
```
#f9ebf0
```
#f9ebf0 rgb(249,235,240)
```
#fefafb
```
#fefafb rgb(254,250,251)
```

Tint Color Variation

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

#909090
```
#909090 rgb(144,144,144)
```
#99878e
```
#99878e rgb(153,135,142)
```
#a17f8c
```
#a17f8c rgb(161,127,140)
```
#aa768a
```
#aa768a rgb(170,118,138)
```
#b26e87
```
#b26e87 rgb(178,110,135)
```
#bb6585
```
#bb6585 rgb(187,101,133)
```
#c35d83
```
#c35d83 rgb(195,93,131)
```
#cc5481
```
#cc5481 rgb(204,84,129)
```
#d54b7f
```
#d54b7f rgb(213,75,127)
```
#dd437d
```
#dd437d rgb(221,67,125)
```
#e63a7b
```
#e63a7b rgb(230,58,123)
```
#ee3278
```
#ee3278 rgb(238,50,120)
```
#f72976
```
#f72976 rgb(247,41,118)
```

Tone Color Variation

Below, you can see how #cc5481 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
#8d757e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e839c Protanopia 1% of men
#92807f Deuteranopia 1% of men
#cc6369 Tritanopia 0.001% of the population

Trichromacy

#9a7292 Protanomaly 1% of men, 0.01% of women
#a7707f Deuteranomaly 6% of men, 0.4% of women
#cc5d71 Tritanomaly 0.01% of the population

#cc5481 hex color

#cc5481 Color Information

#cc5481 Color Conversion

Color Schemes with #cc5481

Alternatives to #cc5481

#cc5481 Preview

Shades and Tints of #cc5481

Tones of #cc5481

Color Blindness Simulator