#cc525f hex color

In a RGB color space, hex #cc525f is composed of 80% red, 32.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.8% magenta, 53.4% yellow and 20% black. It has a hue angle of 353.6 degrees, a saturation of 54.5% and a lightness of 56.1%. #cc525f color hex could be obtained by blending #ffa4be with #990000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 80
- G 32
- B 37
RGB color chart
- C 0
- M 60
- Y 53
- K 20
CMYK color chart

● #cc525f color description : Moderate red.

The hexadecimal color #cc525f has RGB values of R:204, G:82, B:95 and CMYK values of C:0, M:0.6, Y:0.53, K:0.2. Its decimal value is 13390431.

Hex triplet	cc525f	`#cc525f`
RGB Decimal	204, 82, 95	`rgb(204,82,95)`
RGB Percent	80, 32.2, 37.3	`rgb(80%,32.2%,37.3%)`
CMYK	0, 60, 53, 20
HSL	353.6°, 54.5, 56.1	`hsl(353.6,54.5%,56.1%)`
HSV (or HSB)	353.6°, 59.8, 80
Web Safe	cc6666	`#cc6666`

CIE-LAB	51.498, 49.44, 17.768
XYZ	29.986, 19.701, 13.049
xyY	0.478, 0.314, 19.701
CIE-LCH	51.498, 52.536, 19.768
CIE-LUV	51.498, 87.757, 11.99
Hunter-Lab	44.386, 42.913, 13.639
Binary	11001100, 01010010, 01011111

#cc525f
```
#cc525f rgb(204,82,95)
```
#52ccbf
```
#52ccbf rgb(82,204,191)
```

Complementary Color

#cc529c
```
#cc529c rgb(204,82,156)
```
#cc525f
```
#cc525f rgb(204,82,95)
```
#cc8252
```
#cc8252 rgb(204,130,82)
```

Analogous Color

#529ccc
```
#529ccc rgb(82,156,204)
```
#cc525f
```
#cc525f rgb(204,82,95)
```
#52cc82
```
#52cc82 rgb(82,204,130)
```

Split Complementary Color

#525fcc
```
#525fcc rgb(82,95,204)
```
#cc525f
```
#cc525f rgb(204,82,95)
```
#5fcc52
```
#5fcc52 rgb(95,204,82)
```

Triadic Color

#bf52cc
```
#bf52cc rgb(191,82,204)
```
#cc525f
```
#cc525f rgb(204,82,95)
```
#5fcc52
```
#5fcc52 rgb(95,204,82)
```
#52ccbf
```
#52ccbf rgb(82,204,191)
```

Tetradic Color

#a2303c
```
#a2303c rgb(162,48,60)
```
#b53643
```
#b53643 rgb(181,54,67)
```
#c63e4d
```
#c63e4d rgb(198,62,77)
```
#cc525f
```
#cc525f rgb(204,82,95)
```
#d26671
```
#d26671 rgb(210,102,113)
```
#d87983
```
#d87983 rgb(216,121,131)
```
#dd8d96
```
#dd8d96 rgb(221,141,150)
```

Monochromatic Color

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

#cc527e
```
#cc527e rgb(204,82,126)
```
#cc5273
```
#cc5273 rgb(204,82,115)
```
#cc5269
```
#cc5269 rgb(204,82,105)
```
#cc525f
```
#cc525f rgb(204,82,95)
```
#cc5255
```
#cc5255 rgb(204,82,85)
```
#cc5952
```
#cc5952 rgb(204,89,82)
```
#cc6452
```
#cc6452 rgb(204,100,82)
```

Similar Colors

Text with hexadecimal color #cc525f

This text has a font color of #cc525f.

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

#cc525f background color

This paragraph has a background color of #cc525f.

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

#cc525f border color

This element has a border color of #cc525f.

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

CSS codes

.text {color:#cc525f;}

.background {background-color:#cc525f;}

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

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

#090303
```
#090303 rgb(9,3,3)
```
#180709
```
#180709 rgb(24,7,9)
```
#270c0e
```
#270c0e rgb(39,12,14)
```
#361014
```
#361014 rgb(54,16,20)
```
#45141a
```
#45141a rgb(69,20,26)
```
#55191f
```
#55191f rgb(85,25,31)
```
#641d25
```
#641d25 rgb(100,29,37)
```
#73222a
```
#73222a rgb(115,34,42)
```
#822630
```
#822630 rgb(130,38,48)
```
#912b36
```
#912b36 rgb(145,43,54)
```
#a02f3b
```
#a02f3b rgb(160,47,59)
```
#af3441
```
#af3441 rgb(175,52,65)
```
#bf3847
```
#bf3847 rgb(191,56,71)
```

Shade Color Variation

#c84351
```
#c84351 rgb(200,67,81)
```
#cc525f
```
#cc525f rgb(204,82,95)
```
#d0616d
```
#d0616d rgb(208,97,109)
```
#d5707b
```
#d5707b rgb(213,112,123)
```
#d97f89
```
#d97f89 rgb(217,127,137)
```
#de8f97
```
#de8f97 rgb(222,143,151)
```
#e29ea5
```
#e29ea5 rgb(226,158,165)
```
#e7adb3
```
#e7adb3 rgb(231,173,179)
```
#ebbcc1
```
#ebbcc1 rgb(235,188,193)
```
#f0cbcf
```
#f0cbcf rgb(240,203,207)
```
#f4dadd
```
#f4dadd rgb(244,218,221)
```
#f9e9eb
```
#f9e9eb rgb(249,233,235)
```
#fdf9f9
```
#fdf9f9 rgb(253,249,249)
```

Tint Color Variation

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

#908e8e
```
#908e8e rgb(144,142,142)
```
#988688
```
#988688 rgb(152,134,136)
```
#a17d81
```
#a17d81 rgb(161,125,129)
```
#aa747a
```
#aa747a rgb(170,116,122)
```
#b26c73
```
#b26c73 rgb(178,108,115)
```
#bb636d
```
#bb636d rgb(187,99,109)
```
#c35b66
```
#c35b66 rgb(195,91,102)
```
#cc525f
```
#cc525f rgb(204,82,95)
```
#d54958
```
#d54958 rgb(213,73,88)
```
#dd4151
```
#dd4151 rgb(221,65,81)
```
#e6384b
```
#e6384b rgb(230,56,75)
```
#ee3044
```
#ee3044 rgb(238,48,68)
```
#f7273d
```
#f7273d rgb(247,39,61)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#897073 Atypical Achromatopsia 0.001% of the population

Dichromacy

#868177 Protanopia 1% of men
#987c5f Deuteranopia 1% of men
#ce5c61 Tritanopia 0.001% of the population

Trichromacy

#9f6f6e Protanomaly 1% of men, 0.01% of women
#ab6d5f Deuteranomaly 6% of men, 0.4% of women
#cd5860 Tritanomaly 0.01% of the population

#cc525f hex color

#cc525f Color Information

#cc525f Color Conversion

Color Schemes with #cc525f

Alternatives to #cc525f

#cc525f Preview

Shades and Tints of #cc525f

Tones of #cc525f

Color Blindness Simulator