#cc1525 hex color

In a RGB color space, hex #cc1525 is composed of 80% red, 8.2% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.7% magenta, 81.9% yellow and 20% black. It has a hue angle of 354.8 degrees, a saturation of 81.3% and a lightness of 44.1%. #cc1525 color hex could be obtained by blending #ff2a4a with #990000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 80
- G 8
- B 15
RGB color chart
- C 0
- M 90
- Y 82
- K 20
CMYK color chart

● #cc1525 color description : Strong red.

The hexadecimal color #cc1525 has RGB values of R:204, G:21, B:37 and CMYK values of C:0, M:0.9, Y:0.82, K:0.2. Its decimal value is 13374757.

Hex triplet	cc1525	`#cc1525`
RGB Decimal	204, 21, 37	`rgb(204,21,37)`
RGB Percent	80, 8.2, 14.5	`rgb(80%,8.2%,14.5%)`
CMYK	0, 90, 82, 20
HSL	354.8°, 81.3, 44.1	`hsl(354.8,81.3%,44.1%)`
HSV (or HSB)	354.8°, 89.7, 80
Web Safe	cc0033	`#cc0033`

CIE-LAB	43.523, 65.94, 42.118
XYZ	25.505, 13.511, 3.015
xyY	0.607, 0.321, 13.511
CIE-LCH	43.523, 78.243, 32.568
CIE-LUV	43.523, 131.406, 25.048
Hunter-Lab	36.757, 59.536, 20.866
Binary	11001100, 00010101, 00100101

#cc1525
```
#cc1525 rgb(204,21,37)
```
#15ccbc
```
#15ccbc rgb(21,204,188)
```

Complementary Color

#cc1581
```
#cc1581 rgb(204,21,129)
```
#cc1525
```
#cc1525 rgb(204,21,37)
```
#cc6015
```
#cc6015 rgb(204,96,21)
```

Analogous Color

#1581cc
```
#1581cc rgb(21,129,204)
```
#cc1525
```
#cc1525 rgb(204,21,37)
```
#15cc60
```
#15cc60 rgb(21,204,96)
```

Split Complementary Color

#1525cc
```
#1525cc rgb(21,37,204)
```
#cc1525
```
#cc1525 rgb(204,21,37)
```
#25cc15
```
#25cc15 rgb(37,204,21)
```

Triadic Color

#bc15cc
```
#bc15cc rgb(188,21,204)
```
#cc1525
```
#cc1525 rgb(204,21,37)
```
#25cc15
```
#25cc15 rgb(37,204,21)
```
#15ccbc
```
#15ccbc rgb(21,204,188)
```

Tetradic Color

#870e18
```
#870e18 rgb(135,14,24)
```
#9e101d
```
#9e101d rgb(158,16,29)
```
#b51321
```
#b51321 rgb(181,19,33)
```
#cc1525
```
#cc1525 rgb(204,21,37)
```
#e31729
```
#e31729 rgb(227,23,41)
```
#e92b3b
```
#e92b3b rgb(233,43,59)
```
#ec4251
```
#ec4251 rgb(236,66,81)
```

Monochromatic Color

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

#cc1553
```
#cc1553 rgb(204,21,83)
```
#cc1544
```
#cc1544 rgb(204,21,68)
```
#cc1534
```
#cc1534 rgb(204,21,52)
```
#cc1525
```
#cc1525 rgb(204,21,37)
```
#cc1516
```
#cc1516 rgb(204,21,22)
```
#cc2315
```
#cc2315 rgb(204,35,21)
```
#cc3315
```
#cc3315 rgb(204,51,21)
```

Similar Colors

Text with hexadecimal color #cc1525

This text has a font color of #cc1525.

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

#cc1525 background color

This paragraph has a background color of #cc1525.

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

#cc1525 border color

This element has a border color of #cc1525.

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

CSS codes

.text {color:#cc1525;}

.background {background-color:#cc1525;}

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

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

#080102
```
#080102 rgb(8,1,2)
```
#1a0305
```
#1a0305 rgb(26,3,5)
```
#2c0508
```
#2c0508 rgb(44,5,8)
```
#3e060b
```
#3e060b rgb(62,6,11)
```
#50080e
```
#50080e rgb(80,8,14)
```
#610a12
```
#610a12 rgb(97,10,18)
```
#730c15
```
#730c15 rgb(115,12,21)
```
#850e18
```
#850e18 rgb(133,14,24)
```
#97101b
```
#97101b rgb(151,16,27)
```
#a8111f
```
#a8111f rgb(168,17,31)
```
#ba1322
```
#ba1322 rgb(186,19,34)
```
#cc1525
```
#cc1525 rgb(204,21,37)
```
#de1728
```
#de1728 rgb(222,23,40)
```

Shade Color Variation

#e82032
```
#e82032 rgb(232,32,50)
```
#ea3242
```
#ea3242 rgb(234,50,66)
```
#ec4452
```
#ec4452 rgb(236,68,82)
```
#ee5663
```
#ee5663 rgb(238,86,99)
```
#ef6773
```
#ef6773 rgb(239,103,115)
```
#f17984
```
#f17984 rgb(241,121,132)
```
#f38b94
```
#f38b94 rgb(243,139,148)
```
#f59da4
```
#f59da4 rgb(245,157,164)
```
#f7aeb5
```
#f7aeb5 rgb(247,174,181)
```
#f9c0c5
```
#f9c0c5 rgb(249,192,197)
```
#fad2d6
```
#fad2d6 rgb(250,210,214)
```
#fce4e6
```
#fce4e6 rgb(252,228,230)
```
#fef6f6
```
#fef6f6 rgb(254,246,246)
```

Tint Color Variation

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

#756c6c
```
#756c6c rgb(117,108,108)
```
#7e6365
```
#7e6365 rgb(126,99,101)
```
#875a5e
```
#875a5e rgb(135,90,94)
```
#8f5257
```
#8f5257 rgb(143,82,87)
```
#984950
```
#984950 rgb(152,73,80)
```
#a14049
```
#a14049 rgb(161,64,73)
```
#a93842
```
#a93842 rgb(169,56,66)
```
#b22f3a
```
#b22f3a rgb(178,47,58)
```
#bb2633
```
#bb2633 rgb(187,38,51)
```
#c31e2c
```
#c31e2c rgb(195,30,44)
```
#cc1525
```
#cc1525 rgb(204,21,37)
```
#d50c1e
```
#d50c1e rgb(213,12,30)
```
#dd0417
```
#dd0417 rgb(221,4,23)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#674346 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786e42 Protanopia 1% of men
#896920 Deuteranopia 1% of men
#ce2421 Tritanopia 0.001% of the population

Trichromacy

#974e38 Protanomaly 1% of men, 0.01% of women
#a14a21 Deuteranomaly 6% of men, 0.4% of women
#cd1e22 Tritanomaly 0.01% of the population

#cc1525 hex color

#cc1525 Color Information

#cc1525 Color Conversion

Color Schemes with #cc1525

Alternatives to #cc1525

#cc1525 Preview

Shades and Tints of #cc1525

Tones of #cc1525

Color Blindness Simulator