#cc2f1f hex color

In a RGB color space, hex #cc2f1f is composed of 80% red, 18.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77% magenta, 84.8% yellow and 20% black. It has a hue angle of 5.5 degrees, a saturation of 73.6% and a lightness of 46.1%. #cc2f1f color hex could be obtained by blending #ff5e3e with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 18
- B 12
RGB color chart
- C 0
- M 77
- Y 85
- K 20
CMYK color chart

● #cc2f1f color description : Strong red.

The hexadecimal color #cc2f1f has RGB values of R:204, G:47, B:31 and CMYK values of C:0, M:0.77, Y:0.85, K:0.2. Its decimal value is 13381407.

Hex triplet	cc2f1f	`#cc2f1f`
RGB Decimal	204, 47, 31	`rgb(204,47,31)`
RGB Percent	80, 18.4, 12.2	`rgb(80%,18.4%,12.2%)`
CMYK	0, 77, 85, 20
HSL	5.5°, 73.6, 46.1	`hsl(5.5,73.6%,46.1%)`
HSV (or HSB)	5.5°, 84.8, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.597, 59.766, 47.108
XYZ	26.167, 14.973, 2.808
xyY	0.595, 0.341, 14.973
CIE-LCH	45.597, 76.1, 38.246
CIE-LUV	45.597, 122.109, 30.576
Hunter-Lab	38.694, 52.995, 22.783
Binary	11001100, 00101111, 00011111

#cc2f1f
```
#cc2f1f rgb(204,47,31)
```
#1fbccc
```
#1fbccc rgb(31,188,204)
```

Complementary Color

#cc1f66
```
#cc1f66 rgb(204,31,102)
```
#cc2f1f
```
#cc2f1f rgb(204,47,31)
```
#cc861f
```
#cc861f rgb(204,134,31)
```

Analogous Color

#1f66cc
```
#1f66cc rgb(31,102,204)
```
#cc2f1f
```
#cc2f1f rgb(204,47,31)
```
#1fcc86
```
#1fcc86 rgb(31,204,134)
```

Split Complementary Color

#2f1fcc
```
#2f1fcc rgb(47,31,204)
```
#cc2f1f
```
#cc2f1f rgb(204,47,31)
```
#1fcc2f
```
#1fcc2f rgb(31,204,47)
```

Triadic Color

#cc1fbc
```
#cc1fbc rgb(204,31,188)
```
#cc2f1f
```
#cc2f1f rgb(204,47,31)
```
#1fcc2f
```
#1fcc2f rgb(31,204,47)
```
#1fbccc
```
#1fbccc rgb(31,188,204)
```

Tetradic Color

#8a2015
```
#8a2015 rgb(138,32,21)
```
#a02518
```
#a02518 rgb(160,37,24)
```
#b62a1c
```
#b62a1c rgb(182,42,28)
```
#cc2f1f
```
#cc2f1f rgb(204,47,31)
```
#de3726
```
#de3726 rgb(222,55,38)
```
#e14c3d
```
#e14c3d rgb(225,76,61)
```
#e56053
```
#e56053 rgb(229,96,83)
```

Monochromatic Color

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

#cc1f3a
```
#cc1f3a rgb(204,31,58)
```
#cc1f2c
```
#cc1f2c rgb(204,31,44)
```
#cc211f
```
#cc211f rgb(204,33,31)
```
#cc2f1f
```
#cc2f1f rgb(204,47,31)
```
#cc3d1f
```
#cc3d1f rgb(204,61,31)
```
#cc4c1f
```
#cc4c1f rgb(204,76,31)
```
#cc5a1f
```
#cc5a1f rgb(204,90,31)
```

Similar Colors

Text with hexadecimal color #cc2f1f

This text has a font color of #cc2f1f.

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

#cc2f1f background color

This paragraph has a background color of #cc2f1f.

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

#cc2f1f border color

This element has a border color of #cc2f1f.

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

CSS codes

.text {color:#cc2f1f;}

.background {background-color:#cc2f1f;}

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

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

#110403
```
#110403 rgb(17,4,3)
```
#220805
```
#220805 rgb(34,8,5)
```
#330c08
```
#330c08 rgb(51,12,8)
```
#44100a
```
#44100a rgb(68,16,10)
```
#55140d
```
#55140d rgb(85,20,13)
```
#66170f
```
#66170f rgb(102,23,15)
```
#771b12
```
#771b12 rgb(119,27,18)
```
#881f15
```
#881f15 rgb(136,31,21)
```
#992317
```
#992317 rgb(153,35,23)
```
#aa271a
```
#aa271a rgb(170,39,26)
```
#bb2b1c
```
#bb2b1c rgb(187,43,28)
```
#cc2f1f
```
#cc2f1f rgb(204,47,31)
```
#dd3322
```
#dd3322 rgb(221,51,34)
```

Shade Color Variation

#e04232
```
#e04232 rgb(224,66,50)
```
#e25243
```
#e25243 rgb(226,82,67)
```
#e56254
```
#e56254 rgb(229,98,84)
```
#e87165
```
#e87165 rgb(232,113,101)
```
#ea8176
```
#ea8176 rgb(234,129,118)
```
#ed9187
```
#ed9187 rgb(237,145,135)
```
#efa198
```
#efa198 rgb(239,161,152)
```
#f2b0aa
```
#f2b0aa rgb(242,176,170)
```
#f5c0bb
```
#f5c0bb rgb(245,192,187)
```
#f7d0cc
```
#f7d0cc rgb(247,208,204)
```
#fadfdd
```
#fadfdd rgb(250,223,221)
```
#fcefee
```
#fcefee rgb(252,239,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7170
```
#7b7170 rgb(123,113,112)
```
#846a67
```
#846a67 rgb(132,106,103)
```
#8d635e
```
#8d635e rgb(141,99,94)
```
#965b55
```
#965b55 rgb(150,91,85)
```
#9f544c
```
#9f544c rgb(159,84,76)
```
#a84c43
```
#a84c43 rgb(168,76,67)
```
#b1453a
```
#b1453a rgb(177,69,58)
```
#ba3e31
```
#ba3e31 rgb(186,62,49)
```
#c33628
```
#c33628 rgb(195,54,40)
```
#cc2f1f
```
#cc2f1f rgb(204,47,31)
```
#d52816
```
#d52816 rgb(213,40,22)
```
#de200d
```
#de200d rgb(222,32,13)
```
#e71904
```
#e71904 rgb(231,25,4)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#725350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7338 Protanopia 1% of men
#906e18 Deuteranopia 1% of men
#cf3739 Tritanopia 0.001% of the population

Trichromacy

#9b5a2f Protanomaly 1% of men, 0.01% of women
#a6571a Deuteranomaly 6% of men, 0.4% of women
#cd342f Tritanomaly 0.01% of the population

#cc2f1f hex color

#cc2f1f Color Information

#cc2f1f Color Conversion

Color Schemes with #cc2f1f

Alternatives to #cc2f1f

#cc2f1f Preview

Shades and Tints of #cc2f1f

Tones of #cc2f1f

Color Blindness Simulator