#cc1600 Color Information
In a RGB color space, hex #cc1600 is composed of 80% red, 8.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.2% magenta, 100% yellow and 20% black. It has a hue angle of 6.5 degrees, a saturation of 100% and a lightness of 40%. #cc1600 color hex could be obtained by blending #ff2c00 with #990000. Closest websafe color is: #cc0000.
-
- R 80
- G 9
- B 0
-
- C 0
- M 89
- Y 100
- K 20
● #cc1600 color description : Strong red.
#cc1600 Color Conversion
The hexadecimal color #cc1600 has RGB values of R:204, G:22, B:0 and CMYK values of C:0, M:0.89, Y:1, K:0.2. Its decimal value is 13374976.
| Hex triplet | cc1600 | #cc1600 |
|---|---|---|
| RGB Decimal | 204, 22, 0 | rgb(204,22,0) |
| RGB Percent | 80, 8.6, 0 | rgb(80%,8.6%,0%) |
| CMYK | 0, 89, 100, 20 | |
| HSL | 6.5°, 100, 40 | hsl(6.5,100%,40%) |
| HSV (or HSB) | 6.5°, 100, 80 | |
| Web Safe | cc0000 | #cc0000 |
| CIE-LAB | 43.381, 65.216, 57.108 |
|---|---|
| XYZ | 25.19, 13.415, 1.263 |
| xyY | 0.632, 0.336, 13.415 |
| CIE-LCH | 43.381, 86.686, 41.208 |
| CIE-LUV | 43.381, 135.279, 31.655 |
| Hunter-Lab | 36.626, 58.672, 23.594 |
| Binary | 11001100, 00010110, 00000000 |
Color Schemes with #cc1600
Alternatives to #cc1600
Below, you can see some colors close to #cc1600. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc1600 Preview
This text has a font color of #cc1600.
<span style="color:#cc1600;">Text here</span>
This paragraph has a background color of #cc1600.
<p style="background-color:#cc1600;">Content here</p>
This element has a border color of #cc1600.
<div style="border:1px solid #cc1600;">Content here</div>
.text {color:#cc1600;}
.background {background-color:#cc1600;}
.border {border:1px solid #cc1600;}
Shades and Tints of #cc1600
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, #080100 is the darkest color, while #fff5f3 is the lightest one.
-
#080100
#080100rgb(8,1,0) -
#1b0300
#1b0300rgb(27,3,0) -
#2f0500
#2f0500rgb(47,5,0) -
#430700
#430700rgb(67,7,0) -
#560900
#560900rgb(86,9,0) -
#6a0b00
#6a0b00rgb(106,11,0) -
#7e0e00
#7e0e00rgb(126,14,0) -
#911000
#911000rgb(145,16,0) -
#a51200
#a51200rgb(165,18,0) -
#b81400
#b81400rgb(184,20,0) -
#cc1600
#cc1600rgb(204,22,0) -
#e01800
#e01800rgb(224,24,0) -
#f31a00
#f31a00rgb(243,26,0)
-
#ff2308
#ff2308rgb(255,35,8) -
#ff341b
#ff341brgb(255,52,27) -
#ff452f
#ff452frgb(255,69,47) -
#ff5743
#ff5743rgb(255,87,67) -
#ff6956
#ff6956rgb(255,105,86) -
#ff7a6a
#ff7a6argb(255,122,106) -
#ff8c7e
#ff8c7ergb(255,140,126) -
#ff9d91
#ff9d91rgb(255,157,145) -
#ffafa5
#ffafa5rgb(255,175,165) -
#ffc0b8
#ffc0b8rgb(255,192,184) -
#ffd2cc
#ffd2ccrgb(255,210,204) -
#ffe3e0
#ffe3e0rgb(255,227,224) -
#fff5f3
#fff5f3rgb(255,245,243)
Tones of #cc1600
A tone is produced by adding gray to any pure hue. In this case, #6e605e is the less saturated color, while #cc1600 is the most saturated one.
-
#6e605e
#6e605ergb(110,96,94) -
#765a56
#765a56rgb(118,90,86) -
#7e544e
#7e544ergb(126,84,78) -
#854d47
#854d47rgb(133,77,71) -
#8d473f
#8d473frgb(141,71,63) -
#954137
#954137rgb(149,65,55) -
#9d3b2f
#9d3b2frgb(157,59,47) -
#a53527
#a53527rgb(165,53,39) -
#ad2f1f
#ad2f1frgb(173,47,31) -
#b42818
#b42818rgb(180,40,24) -
#bc2210
#bc2210rgb(188,34,16) -
#c41c08
#c41c08rgb(196,28,8) -
#cc1600
#cc1600rgb(204,22,0)
Color Blindness Simulator
Below, you can see how #cc1600 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.
