#cc310b hex color

In a RGB color space, hex #cc310b is composed of 80% red, 19.2% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76% magenta, 94.6% yellow and 20% black. It has a hue angle of 11.8 degrees, a saturation of 89.8% and a lightness of 42.2%. #cc310b color hex could be obtained by blending #ff6216 with #990000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 80
- G 19
- B 4
RGB color chart
- C 0
- M 76
- Y 95
- K 20
CMYK color chart

● #cc310b color description : Strong red.

The hexadecimal color #cc310b has RGB values of R:204, G:49, B:11 and CMYK values of C:0, M:0.76, Y:0.95, K:0.2. Its decimal value is 13381899.

Hex triplet	cc310b	`#cc310b`
RGB Decimal	204, 49, 11	`rgb(204,49,11)`
RGB Percent	80, 19.2, 4.3	`rgb(80%,19.2%,4.3%)`
CMYK	0, 76, 95, 20
HSL	11.8°, 89.8, 42.2	`hsl(11.8,89.8%,42.2%)`
HSV (or HSB)	11.8°, 94.6, 80
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.718, 58.806, 54.981
XYZ	26.062, 15.061, 1.851
xyY	0.606, 0.35, 15.061
CIE-LCH	45.718, 80.505, 43.075
CIE-LUV	45.718, 122.996, 34.475
Hunter-Lab	38.809, 51.955, 24.338
Binary	11001100, 00110001, 00001011

#cc310b
```
#cc310b rgb(204,49,11)
```
#0ba6cc
```
#0ba6cc rgb(11,166,204)
```

Complementary Color

#cc0b45
```
#cc0b45 rgb(204,11,69)
```
#cc310b
```
#cc310b rgb(204,49,11)
```
#cc920b
```
#cc920b rgb(204,146,11)
```

Analogous Color

#0b46cc
```
#0b46cc rgb(11,70,204)
```
#cc310b
```
#cc310b rgb(204,49,11)
```
#0bcc92
```
#0bcc92 rgb(11,204,146)
```

Split Complementary Color

#310bcc
```
#310bcc rgb(49,11,204)
```
#cc310b
```
#cc310b rgb(204,49,11)
```
#0bcc31
```
#0bcc31 rgb(11,204,49)
```

Triadic Color

#cc0ba6
```
#cc0ba6 rgb(204,11,166)
```
#cc310b
```
#cc310b rgb(204,49,11)
```
#0bcc31
```
#0bcc31 rgb(11,204,49)
```
#0ba6cc
```
#0ba6cc rgb(11,166,204)
```

Tetradic Color

#832007
```
#832007 rgb(131,32,7)
```
#9c2508
```
#9c2508 rgb(156,37,8)
```
#b42b0a
```
#b42b0a rgb(180,43,10)
```
#cc310b
```
#cc310b rgb(204,49,11)
```
#e4370c
```
#e4370c rgb(228,55,12)
```
#f34317
```
#f34317 rgb(243,67,23)
```
#f45630
```
#f45630 rgb(244,86,48)
```

Monochromatic Color

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

#cc0b15
```
#cc0b15 rgb(204,11,21)
```
#cc110b
```
#cc110b rgb(204,17,11)
```
#cc210b
```
#cc210b rgb(204,33,11)
```
#cc310b
```
#cc310b rgb(204,49,11)
```
#cc410b
```
#cc410b rgb(204,65,11)
```
#cc510b
```
#cc510b rgb(204,81,11)
```
#cc610b
```
#cc610b rgb(204,97,11)
```

Similar Colors

Text with hexadecimal color #cc310b

This text has a font color of #cc310b.

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

#cc310b background color

This paragraph has a background color of #cc310b.

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

#cc310b border color

This element has a border color of #cc310b.

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

CSS codes

.text {color:#cc310b;}

.background {background-color:#cc310b;}

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

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

#120401
```
#120401 rgb(18,4,1)
```
#240902
```
#240902 rgb(36,9,2)
```
#370d03
```
#370d03 rgb(55,13,3)
```
#4a1204
```
#4a1204 rgb(74,18,4)
```
#5c1605
```
#5c1605 rgb(92,22,5)
```
#6f1b06
```
#6f1b06 rgb(111,27,6)
```
#821f07
```
#821f07 rgb(130,31,7)
```
#942408
```
#942408 rgb(148,36,8)
```
#a72809
```
#a72809 rgb(167,40,9)
```
#b92d0a
```
#b92d0a rgb(185,45,10)
```
#cc310b
```
#cc310b rgb(204,49,11)
```
#df350c
```
#df350c rgb(223,53,12)
```
#f13a0d
```
#f13a0d rgb(241,58,13)
```

Shade Color Variation

#f3491f
```
#f3491f rgb(243,73,31)
```
#f45832
```
#f45832 rgb(244,88,50)
```
#f56744
```
#f56744 rgb(245,103,68)
```
#f67657
```
#f67657 rgb(246,118,87)
```
#f78569
```
#f78569 rgb(247,133,105)
```
#f8947c
```
#f8947c rgb(248,148,124)
```
#f9a48f
```
#f9a48f rgb(249,164,143)
```
#fab3a1
```
#fab3a1 rgb(250,179,161)
```
#fbc2b4
```
#fbc2b4 rgb(251,194,180)
```
#fcd1c6
```
#fcd1c6 rgb(252,209,198)
```
#fde0d9
```
#fde0d9 rgb(253,224,217)
```
#feefec
```
#feefec rgb(254,239,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#716866
```
#716866 rgb(113,104,102)
```
#79635e
```
#79635e rgb(121,99,94)
```
#825e55
```
#825e55 rgb(130,94,85)
```
#8a594d
```
#8a594d rgb(138,89,77)
```
#925445
```
#925445 rgb(146,84,69)
```
#9a4f3d
```
#9a4f3d rgb(154,79,61)
```
#a34a34
```
#a34a34 rgb(163,74,52)
```
#ab452c
```
#ab452c rgb(171,69,44)
```
#b34024
```
#b34024 rgb(179,64,36)
```
#bb3b1c
```
#bb3b1c rgb(187,59,28)
```
#c43613
```
#c43613 rgb(196,54,19)
```
#cc310b
```
#cc310b rgb(204,49,11)
```
#d42c03
```
#d42c03 rgb(212,44,3)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#72534b Atypical Achromatopsia 0.001% of the population

Dichromacy

#817424 Protanopia 1% of men
#906e00 Deuteranopia 1% of men
#cf3839 Tritanopia 0.001% of the population

Trichromacy

#9c5b1b Protanomaly 1% of men, 0.01% of women
#a65804 Deuteranomaly 6% of men, 0.4% of women
#ce3528 Tritanomaly 0.01% of the population

#cc310b hex color

#cc310b Color Information

#cc310b Color Conversion

Color Schemes with #cc310b

Alternatives to #cc310b

#cc310b Preview

Shades and Tints of #cc310b

Tones of #cc310b

Color Blindness Simulator