#cc1d3f hex color

In a RGB color space, hex #cc1d3f is composed of 80% red, 11.4% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.8% magenta, 69.1% yellow and 20% black. It has a hue angle of 348.3 degrees, a saturation of 75.1% and a lightness of 45.7%. #cc1d3f color hex could be obtained by blending #ff3a7e with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 11
- B 25
RGB color chart
- C 0
- M 86
- Y 69
- K 20
CMYK color chart

● #cc1d3f color description : Strong red.

The hexadecimal color #cc1d3f has RGB values of R:204, G:29, B:63 and CMYK values of C:0, M:0.86, Y:0.69, K:0.2. Its decimal value is 13376831.

Hex triplet	cc1d3f	`#cc1d3f`
RGB Decimal	204, 29, 63	`rgb(204,29,63)`
RGB Percent	80, 11.4, 24.7	`rgb(80%,11.4%,24.7%)`
CMYK	0, 86, 69, 20
HSL	348.3°, 75.1, 45.7	`hsl(348.3,75.1%,45.7%)`
HSV (or HSB)	348.3°, 85.8, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.345, 65.462, 27.775
XYZ	26.24, 14.078, 6.038
xyY	0.566, 0.304, 14.078
CIE-LCH	44.345, 71.11, 22.991
CIE-LUV	44.345, 122.741, 15.863
Hunter-Lab	37.521, 59.169, 16.723
Binary	11001100, 00011101, 00111111

#cc1d3f
```
#cc1d3f rgb(204,29,63)
```
#1dccaa
```
#1dccaa rgb(29,204,170)
```

Complementary Color

#cc1d97
```
#cc1d97 rgb(204,29,151)
```
#cc1d3f
```
#cc1d3f rgb(204,29,63)
```
#cc531d
```
#cc531d rgb(204,83,29)
```

Analogous Color

#1d97cc
```
#1d97cc rgb(29,151,204)
```
#cc1d3f
```
#cc1d3f rgb(204,29,63)
```
#1dcc53
```
#1dcc53 rgb(29,204,83)
```

Split Complementary Color

#1d3fcc
```
#1d3fcc rgb(29,63,204)
```
#cc1d3f
```
#cc1d3f rgb(204,29,63)
```
#3fcc1d
```
#3fcc1d rgb(63,204,29)
```

Triadic Color

#aa1dcc
```
#aa1dcc rgb(170,29,204)
```
#cc1d3f
```
#cc1d3f rgb(204,29,63)
```
#3fcc1d
```
#3fcc1d rgb(63,204,29)
```
#1dccaa
```
#1dccaa rgb(29,204,170)
```

Tetradic Color

#89132a
```
#89132a rgb(137,19,42)
```
#9f1731
```
#9f1731 rgb(159,23,49)
```
#b61a38
```
#b61a38 rgb(182,26,56)
```
#cc1d3f
```
#cc1d3f rgb(204,29,63)
```
#e02348
```
#e02348 rgb(224,35,72)
```
#e3395a
```
#e3395a rgb(227,57,90)
```
#e64f6d
```
#e64f6d rgb(230,79,109)
```

Monochromatic Color

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

#cc1d6b
```
#cc1d6b rgb(204,29,107)
```
#cc1d5c
```
#cc1d5c rgb(204,29,92)
```
#cc1d4e
```
#cc1d4e rgb(204,29,78)
```
#cc1d3f
```
#cc1d3f rgb(204,29,63)
```
#cc1d30
```
#cc1d30 rgb(204,29,48)
```
#cc1d22
```
#cc1d22 rgb(204,29,34)
```
#cc271d
```
#cc271d rgb(204,39,29)
```

Similar Colors

Text with hexadecimal color #cc1d3f

This text has a font color of #cc1d3f.

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

#cc1d3f background color

This paragraph has a background color of #cc1d3f.

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

#cc1d3f border color

This element has a border color of #cc1d3f.

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

CSS codes

.text {color:#cc1d3f;}

.background {background-color:#cc1d3f;}

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

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

#0f0205
```
#0f0205 rgb(15,2,5)
```
#20050a
```
#20050a rgb(32,5,10)
```
#31070f
```
#31070f rgb(49,7,15)
```
#430915
```
#430915 rgb(67,9,21)
```
#540c1a
```
#540c1a rgb(84,12,26)
```
#650e1f
```
#650e1f rgb(101,14,31)
```
#761124
```
#761124 rgb(118,17,36)
```
#87132a
```
#87132a rgb(135,19,42)
```
#98162f
```
#98162f rgb(152,22,47)
```
#aa1834
```
#aa1834 rgb(170,24,52)
```
#bb1b3a
```
#bb1b3a rgb(187,27,58)
```
#cc1d3f
```
#cc1d3f rgb(204,29,63)
```
#dd1f44
```
#dd1f44 rgb(221,31,68)
```

Shade Color Variation

#e12f52
```
#e12f52 rgb(225,47,82)
```
#e44060
```
#e44060 rgb(228,64,96)
```
#e6516e
```
#e6516e rgb(230,81,110)
```
#e9627c
```
#e9627c rgb(233,98,124)
```
#eb748b
```
#eb748b rgb(235,116,139)
```
#ee8599
```
#ee8599 rgb(238,133,153)
```
#f096a7
```
#f096a7 rgb(240,150,167)
```
#f2a7b6
```
#f2a7b6 rgb(242,167,182)
```
#f5b8c4
```
#f5b8c4 rgb(245,184,196)
```
#f7c9d2
```
#f7c9d2 rgb(247,201,210)
```
#fadbe1
```
#fadbe1 rgb(250,219,225)
```
#fcecef
```
#fcecef rgb(252,236,239)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#7b6e70
```
#7b6e70 rgb(123,110,112)
```
#84656b
```
#84656b rgb(132,101,107)
```
#8d5c65
```
#8d5c65 rgb(141,92,101)
```
#965360
```
#965360 rgb(150,83,96)
```
#9f4a5a
```
#9f4a5a rgb(159,74,90)
```
#a84155
```
#a84155 rgb(168,65,85)
```
#b1384f
```
#b1384f rgb(177,56,79)
```
#ba2f4a
```
#ba2f4a rgb(186,47,74)
```
#c32644
```
#c32644 rgb(195,38,68)
```
#cc1d3f
```
#cc1d3f rgb(204,29,63)
```
#d5143a
```
#d5143a rgb(213,20,58)
```
#de0b34
```
#de0b34 rgb(222,11,52)
```
#e7022f
```
#e7022f rgb(231,2,47)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#6d4a51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767060 Protanopia 1% of men
#896b3d Deuteranopia 1% of men
#cd2e2f Tritanopia 0.001% of the population

Trichromacy

#955254 Protanomaly 1% of men, 0.01% of women
#a14f3e Deuteranomaly 6% of men, 0.4% of women
#cd2834 Tritanomaly 0.01% of the population

#cc1d3f hex color

#cc1d3f Color Information

#cc1d3f Color Conversion

Color Schemes with #cc1d3f

Alternatives to #cc1d3f

#cc1d3f Preview

Shades and Tints of #cc1d3f

Tones of #cc1d3f

Color Blindness Simulator