#cc3f1d hex color

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

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

● #cc3f1d color description : Strong red.

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

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

CIE-LAB	47.604, 54.134, 49.745
XYZ	26.902, 16.484, 2.928
xyY	0.581, 0.356, 16.484
CIE-LCH	47.604, 73.519, 42.58
CIE-LUV	47.604, 112.924, 34.651
Hunter-Lab	40.601, 47.224, 24.145
Binary	11001100, 00111111, 00011101

#cc3f1d
```
#cc3f1d rgb(204,63,29)
```
#1daacc
```
#1daacc rgb(29,170,204)
```

Complementary Color

#cc1d53
```
#cc1d53 rgb(204,29,83)
```
#cc3f1d
```
#cc3f1d rgb(204,63,29)
```
#cc971d
```
#cc971d rgb(204,151,29)
```

Analogous Color

#1d53cc
```
#1d53cc rgb(29,83,204)
```
#cc3f1d
```
#cc3f1d rgb(204,63,29)
```
#1dcc97
```
#1dcc97 rgb(29,204,151)
```

Split Complementary Color

#3f1dcc
```
#3f1dcc rgb(63,29,204)
```
#cc3f1d
```
#cc3f1d rgb(204,63,29)
```
#1dcc3f
```
#1dcc3f rgb(29,204,63)
```

Triadic Color

#cc1daa
```
#cc1daa rgb(204,29,170)
```
#cc3f1d
```
#cc3f1d rgb(204,63,29)
```
#1dcc3f
```
#1dcc3f rgb(29,204,63)
```
#1daacc
```
#1daacc rgb(29,170,204)
```

Tetradic Color

#892a13
```
#892a13 rgb(137,42,19)
```
#9f3117
```
#9f3117 rgb(159,49,23)
```
#b6381a
```
#b6381a rgb(182,56,26)
```
#cc3f1d
```
#cc3f1d rgb(204,63,29)
```
#e04823
```
#e04823 rgb(224,72,35)
```
#e35a39
```
#e35a39 rgb(227,90,57)
```
#e66d4f
```
#e66d4f rgb(230,109,79)
```

Monochromatic Color

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

#cc1d27
```
#cc1d27 rgb(204,29,39)
```
#cc221d
```
#cc221d rgb(204,34,29)
```
#cc301d
```
#cc301d rgb(204,48,29)
```
#cc3f1d
```
#cc3f1d rgb(204,63,29)
```
#cc4e1d
```
#cc4e1d rgb(204,78,29)
```
#cc5c1d
```
#cc5c1d rgb(204,92,29)
```
#cc6b1d
```
#cc6b1d rgb(204,107,29)
```

Similar Colors

Text with hexadecimal color #cc3f1d

This text has a font color of #cc3f1d.

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

#cc3f1d background color

This paragraph has a background color of #cc3f1d.

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

#cc3f1d border color

This element has a border color of #cc3f1d.

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

CSS codes

.text {color:#cc3f1d;}

.background {background-color:#cc3f1d;}

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

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

#0f0502
```
#0f0502 rgb(15,5,2)
```
#200a05
```
#200a05 rgb(32,10,5)
```
#310f07
```
#310f07 rgb(49,15,7)
```
#431509
```
#431509 rgb(67,21,9)
```
#541a0c
```
#541a0c rgb(84,26,12)
```
#651f0e
```
#651f0e rgb(101,31,14)
```
#762411
```
#762411 rgb(118,36,17)
```
#872a13
```
#872a13 rgb(135,42,19)
```
#982f16
```
#982f16 rgb(152,47,22)
```
#aa3418
```
#aa3418 rgb(170,52,24)
```
#bb3a1b
```
#bb3a1b rgb(187,58,27)
```
#cc3f1d
```
#cc3f1d rgb(204,63,29)
```
#dd441f
```
#dd441f rgb(221,68,31)
```

Shade Color Variation

#e1522f
```
#e1522f rgb(225,82,47)
```
#e46040
```
#e46040 rgb(228,96,64)
```
#e66e51
```
#e66e51 rgb(230,110,81)
```
#e97c62
```
#e97c62 rgb(233,124,98)
```
#eb8b74
```
#eb8b74 rgb(235,139,116)
```
#ee9985
```
#ee9985 rgb(238,153,133)
```
#f0a796
```
#f0a796 rgb(240,167,150)
```
#f2b6a7
```
#f2b6a7 rgb(242,182,167)
```
#f5c4b8
```
#f5c4b8 rgb(245,196,184)
```
#f7d2c9
```
#f7d2c9 rgb(247,210,201)
```
#fae1db
```
#fae1db rgb(250,225,219)
```
#fcefec
```
#fcefec rgb(252,239,236)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#7b706e
```
#7b706e rgb(123,112,110)
```
#846b65
```
#846b65 rgb(132,107,101)
```
#8d655c
```
#8d655c rgb(141,101,92)
```
#966053
```
#966053 rgb(150,96,83)
```
#9f5a4a
```
#9f5a4a rgb(159,90,74)
```
#a85541
```
#a85541 rgb(168,85,65)
```
#b14f38
```
#b14f38 rgb(177,79,56)
```
#ba4a2f
```
#ba4a2f rgb(186,74,47)
```
#c34426
```
#c34426 rgb(195,68,38)
```
#cc3f1d
```
#cc3f1d rgb(204,63,29)
```
#d53a14
```
#d53a14 rgb(213,58,20)
```
#de340b
```
#de340b rgb(222,52,11)
```
#e72f02
```
#e72f02 rgb(231,47,2)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7a5d57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857834 Protanopia 1% of men
#967216 Deuteranopia 1% of men
#cf4548 Tritanopia 0.001% of the population

Trichromacy

#9f632c Protanomaly 1% of men, 0.01% of women
#a95f19 Deuteranomaly 6% of men, 0.4% of women
#ce4338 Tritanomaly 0.01% of the population

#cc3f1d hex color

#cc3f1d Color Information

#cc3f1d Color Conversion

Color Schemes with #cc3f1d

Alternatives to #cc3f1d

#cc3f1d Preview

Shades and Tints of #cc3f1d

Tones of #cc3f1d

Color Blindness Simulator