#cc2a27 hex color

In a RGB color space, hex #cc2a27 is composed of 80% red, 16.5% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.4% magenta, 80.9% yellow and 20% black. It has a hue angle of 1.1 degrees, a saturation of 67.9% and a lightness of 47.6%. #cc2a27 color hex could be obtained by blending #ff544e with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 16
- B 15
RGB color chart
- C 0
- M 79
- Y 81
- K 20
CMYK color chart

● #cc2a27 color description : Strong red.

The hexadecimal color #cc2a27 has RGB values of R:204, G:42, B:39 and CMYK values of C:0, M:0.79, Y:0.81, K:0.2. Its decimal value is 13380135.

Hex triplet	cc2a27	`#cc2a27`
RGB Decimal	204, 42, 39	`rgb(204,42,39)`
RGB Percent	80, 16.5, 15.3	`rgb(80%,16.5%,15.3%)`
CMYK	0, 79, 81, 20
HSL	1.1°, 67.9, 47.6	`hsl(1.1,67.9%,47.6%)`
HSV (or HSB)	1.1°, 80.9, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.141, 61.439, 42.612
XYZ	26.097, 14.643, 3.372
xyY	0.592, 0.332, 14.643
CIE-LCH	45.141, 74.77, 34.744
CIE-LUV	45.141, 123.328, 27.431
Hunter-Lab	38.266, 54.77, 21.562
Binary	11001100, 00101010, 00100111

#cc2a27
```
#cc2a27 rgb(204,42,39)
```
#27c9cc
```
#27c9cc rgb(39,201,204)
```

Complementary Color

#cc2777
```
#cc2777 rgb(204,39,119)
```
#cc2a27
```
#cc2a27 rgb(204,42,39)
```
#cc7d27
```
#cc7d27 rgb(204,125,39)
```

Analogous Color

#2777cc
```
#2777cc rgb(39,119,204)
```
#cc2a27
```
#cc2a27 rgb(204,42,39)
```
#27cc7d
```
#27cc7d rgb(39,204,125)
```

Split Complementary Color

#2a27cc
```
#2a27cc rgb(42,39,204)
```
#cc2a27
```
#cc2a27 rgb(204,42,39)
```
#27cc2a
```
#27cc2a rgb(39,204,42)
```

Triadic Color

#cc27c9
```
#cc27c9 rgb(204,39,201)
```
#cc2a27
```
#cc2a27 rgb(204,42,39)
```
#27cc2a
```
#27cc2a rgb(39,204,42)
```
#27c9cc
```
#27c9cc rgb(39,201,204)
```

Tetradic Color

#8c1d1b
```
#8c1d1b rgb(140,29,27)
```
#a1211f
```
#a1211f rgb(161,33,31)
```
#b72623
```
#b72623 rgb(183,38,35)
```
#cc2a27
```
#cc2a27 rgb(204,42,39)
```
#d83734
```
#d83734 rgb(216,55,52)
```
#dc4c4a
```
#dc4c4a rgb(220,76,74)
```
#e0615f
```
#e0615f rgb(224,97,95)
```

Monochromatic Color

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

#cc274d
```
#cc274d rgb(204,39,77)
```
#cc2740
```
#cc2740 rgb(204,39,64)
```
#cc2732
```
#cc2732 rgb(204,39,50)
```
#cc2a27
```
#cc2a27 rgb(204,42,39)
```
#cc3827
```
#cc3827 rgb(204,56,39)
```
#cc4527
```
#cc4527 rgb(204,69,39)
```
#cc5327
```
#cc5327 rgb(204,83,39)
```

Similar Colors

Text with hexadecimal color #cc2a27

This text has a font color of #cc2a27.

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

#cc2a27 background color

This paragraph has a background color of #cc2a27.

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

#cc2a27 border color

This element has a border color of #cc2a27.

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

CSS codes

.text {color:#cc2a27;}

.background {background-color:#cc2a27;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#170504
```
#170504 rgb(23,5,4)
```
#270808
```
#270808 rgb(39,8,8)
```
#380b0b
```
#380b0b rgb(56,11,11)
```
#480f0e
```
#480f0e rgb(72,15,14)
```
#591211
```
#591211 rgb(89,18,17)
```
#691614
```
#691614 rgb(105,22,20)
```
#7a1917
```
#7a1917 rgb(122,25,23)
```
#8a1c1a
```
#8a1c1a rgb(138,28,26)
```
#9b201e
```
#9b201e rgb(155,32,30)
```
#ab2321
```
#ab2321 rgb(171,35,33)
```
#bc2724
```
#bc2724 rgb(188,39,36)
```
#cc2a27
```
#cc2a27 rgb(204,42,39)
```

Shade Color Variation

#d7322f
```
#d7322f rgb(215,50,47)
```
#da4340
```
#da4340 rgb(218,67,64)
```
#de5350
```
#de5350 rgb(222,83,80)
```
#e16361
```
#e16361 rgb(225,99,97)
```
#e47371
```
#e47371 rgb(228,115,113)
```
#e78382
```
#e78382 rgb(231,131,130)
```
#ea9492
```
#ea9492 rgb(234,148,146)
```
#eda4a3
```
#eda4a3 rgb(237,164,163)
```
#f0b4b3
```
#f0b4b3 rgb(240,180,179)
```
#f4c4c4
```
#f4c4c4 rgb(244,196,196)
```
#f7d5d4
```
#f7d5d4 rgb(247,213,212)
```
#fae5e4
```
#fae5e4 rgb(250,229,228)
```
#fdf5f5
```
#fdf5f5 rgb(253,245,245)
```

Tint Color Variation

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

#817272
```
#817272 rgb(129,114,114)
```
#8b6968
```
#8b6968 rgb(139,105,104)
```
#94605f
```
#94605f rgb(148,96,95)
```
#9d5756
```
#9d5756 rgb(157,87,86)
```
#a74e4c
```
#a74e4c rgb(167,78,76)
```
#b04543
```
#b04543 rgb(176,69,67)
```
#b93c3a
```
#b93c3a rgb(185,60,58)
```
#c33330
```
#c33330 rgb(195,51,48)
```
#cc2a27
```
#cc2a27 rgb(204,42,39)
```
#d5211e
```
#d5211e rgb(213,33,30)
```
#df1814
```
#df1814 rgb(223,24,20)
```
#e80f0b
```
#e80f0b rgb(232,15,11)
```
#f10602
```
#f10602 rgb(241,6,2)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#715050 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7242 Protanopia 1% of men
#8e6d23 Deuteranopia 1% of men
#ce3435 Tritanopia 0.001% of the population

Trichromacy

#9a5838 Protanomaly 1% of men, 0.01% of women
#a45424 Deuteranomaly 6% of men, 0.4% of women
#cd3030 Tritanomaly 0.01% of the population

#cc2a27 hex color

#cc2a27 Color Information

#cc2a27 Color Conversion

Color Schemes with #cc2a27

Alternatives to #cc2a27

#cc2a27 Preview

Shades and Tints of #cc2a27

Tones of #cc2a27

Color Blindness Simulator