#cc1000 Color Information
In a RGB color space, hex #cc1000 is composed of 80% red, 6.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.2% magenta, 100% yellow and 20% black. It has a hue angle of 4.7 degrees, a saturation of 100% and a lightness of 40%. #cc1000 color hex could be obtained by blending #ff2000 with #990000. Closest websafe color is: #cc0000.
-
- R 80
- G 6
- B 0
-
- C 0
- M 92
- Y 100
- K 20
● #cc1000 color description : Strong red.
#cc1000 Color Conversion
The hexadecimal color #cc1000 has RGB values of R:204, G:16, B:0 and CMYK values of C:0, M:0.92, Y:1, K:0.2. Its decimal value is 13373440.
| Hex triplet | cc1000 | #cc1000 |
|---|---|---|
| RGB Decimal | 204, 16, 0 | rgb(204,16,0) |
| RGB Percent | 80, 6.3, 0 | rgb(80%,6.3%,0%) |
| CMYK | 0, 92, 100, 20 | |
| HSL | 4.7°, 100, 40 | hsl(4.7,100%,40%) |
| HSV (or HSB) | 4.7°, 100, 80 | |
| Web Safe | cc0000 | #cc0000 |
| CIE-LAB | 43.08, 66.082, 56.997 |
|---|---|
| XYZ | 25.089, 13.211, 1.229 |
| xyY | 0.635, 0.334, 13.211 |
| CIE-LCH | 43.08, 87.267, 40.778 |
| CIE-LUV | 43.08, 136.849, 31.13 |
| Hunter-Lab | 36.347, 59.601, 23.438 |
| Binary | 11001100, 00010000, 00000000 |
Color Schemes with #cc1000
Alternatives to #cc1000
Below, you can see some colors close to #cc1000. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc1000 Preview
This text has a font color of #cc1000.
<span style="color:#cc1000;">Text here</span>
This paragraph has a background color of #cc1000.
<p style="background-color:#cc1000;">Content here</p>
This element has a border color of #cc1000.
<div style="border:1px solid #cc1000;">Content here</div>
.text {color:#cc1000;}
.background {background-color:#cc1000;}
.border {border:1px solid #cc1000;}
Shades and Tints of #cc1000
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 #fff4f3 is the lightest one.
-
#080100
#080100rgb(8,1,0) -
#1b0200
#1b0200rgb(27,2,0) -
#2f0400
#2f0400rgb(47,4,0) -
#430500
#430500rgb(67,5,0) -
#560700
#560700rgb(86,7,0) -
#6a0800
#6a0800rgb(106,8,0) -
#7e0a00
#7e0a00rgb(126,10,0) -
#910b00
#910b00rgb(145,11,0) -
#a50d00
#a50d00rgb(165,13,0) -
#b80e00
#b80e00rgb(184,14,0) -
#cc1000
#cc1000rgb(204,16,0) -
#e01200
#e01200rgb(224,18,0) -
#f31300
#f31300rgb(243,19,0)
-
#ff1b08
#ff1b08rgb(255,27,8) -
#ff2d1b
#ff2d1brgb(255,45,27) -
#ff3f2f
#ff3f2frgb(255,63,47) -
#ff5143
#ff5143rgb(255,81,67) -
#ff6456
#ff6456rgb(255,100,86) -
#ff766a
#ff766argb(255,118,106) -
#ff887e
#ff887ergb(255,136,126) -
#ff9a91
#ff9a91rgb(255,154,145) -
#ffaca5
#ffaca5rgb(255,172,165) -
#ffbeb8
#ffbeb8rgb(255,190,184) -
#ffd0cc
#ffd0ccrgb(255,208,204) -
#ffe2e0
#ffe2e0rgb(255,226,224) -
#fff4f3
#fff4f3rgb(255,244,243)
Tones of #cc1000
A tone is produced by adding gray to any pure hue. In this case, #6e5f5e is the less saturated color, while #cc1000 is the most saturated one.
-
#6e5f5e
#6e5f5ergb(110,95,94) -
#765956
#765956rgb(118,89,86) -
#7e524e
#7e524ergb(126,82,78) -
#854c47
#854c47rgb(133,76,71) -
#8d453f
#8d453frgb(141,69,63) -
#953e37
#953e37rgb(149,62,55) -
#9d382f
#9d382frgb(157,56,47) -
#a53127
#a53127rgb(165,49,39) -
#ad2a1f
#ad2a1frgb(173,42,31) -
#b42418
#b42418rgb(180,36,24) -
#bc1d10
#bc1d10rgb(188,29,16) -
#c41708
#c41708rgb(196,23,8) -
#cc1000
#cc1000rgb(204,16,0)
Color Blindness Simulator
Below, you can see how #cc1000 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.
