#cc3900 Color Information
In a RGB color space, hex #cc3900 is composed of 80% red, 22.4% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.1% magenta, 100% yellow and 20% black. It has a hue angle of 16.8 degrees, a saturation of 100% and a lightness of 40%. #cc3900 color hex could be obtained by blending #ff7200 with #990000. Closest websafe color is: #cc3300.
-
- R 80
- G 22
- B 0
-
- C 0
- M 72
- Y 100
- K 20
● #cc3900 color description : Strong orange.
#cc3900 Color Conversion
The hexadecimal color #cc3900 has RGB values of R:204, G:57, B:0 and CMYK values of C:0, M:0.72, Y:1, K:0.2. Its decimal value is 13383936.
Hex triplet | cc3900 | #cc3900 |
---|---|---|
RGB Decimal | 204, 57, 0 | rgb(204,57,0) |
RGB Percent | 80, 22.4, 0 | rgb(80%,22.4%,0%) |
CMYK | 0, 72, 100, 20 | |
HSL | 16.8°, 100, 40 | hsl(16.8,100%,40%) |
HSV (or HSB) | 16.8°, 100, 80 | |
Web Safe | cc3300 | #cc3300 |
CIE-LAB | 46.667, 55.975, 58.504 |
---|---|
XYZ | 26.366, 15.767, 1.655 |
xyY | 0.602, 0.36, 15.767 |
CIE-LCH | 46.667, 80.969, 46.265 |
CIE-LUV | 46.667, 118.866, 37.295 |
Hunter-Lab | 39.707, 49.038, 25.324 |
Binary | 11001100, 00111001, 00000000 |
Color Schemes with #cc3900
Alternatives to #cc3900
Below, you can see some colors close to #cc3900. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc3900 Preview
This text has a font color of #cc3900.
<span style="color:#cc3900;">Text here</span>
This paragraph has a background color of #cc3900.
<p style="background-color:#cc3900;">Content here</p>
This element has a border color of #cc3900.
<div style="border:1px solid #cc3900;">Content here</div>
.text {color:#cc3900;}
.background {background-color:#cc3900;}
.border {border:1px solid #cc3900;}
Shades and Tints of #cc3900
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, #080200 is the darkest color, while #fff7f3 is the lightest one.
-
#080200
#080200
rgb(8,2,0)
-
#1b0800
#1b0800
rgb(27,8,0)
-
#2f0d00
#2f0d00
rgb(47,13,0)
-
#431300
#431300
rgb(67,19,0)
-
#561800
#561800
rgb(86,24,0)
-
#6a1e00
#6a1e00
rgb(106,30,0)
-
#7e2300
#7e2300
rgb(126,35,0)
-
#912900
#912900
rgb(145,41,0)
-
#a52e00
#a52e00
rgb(165,46,0)
-
#b83400
#b83400
rgb(184,52,0)
-
#cc3900
#cc3900
rgb(204,57,0)
-
#e03e00
#e03e00
rgb(224,62,0)
-
#f34400
#f34400
rgb(243,68,0)
-
#ff4d08
#ff4d08
rgb(255,77,8)
-
#ff5b1b
#ff5b1b
rgb(255,91,27)
-
#ff692f
#ff692f
rgb(255,105,47)
-
#ff7743
#ff7743
rgb(255,119,67)
-
#ff8556
#ff8556
rgb(255,133,86)
-
#ff946a
#ff946a
rgb(255,148,106)
-
#ffa27e
#ffa27e
rgb(255,162,126)
-
#ffb091
#ffb091
rgb(255,176,145)
-
#ffbea5
#ffbea5
rgb(255,190,165)
-
#ffccb8
#ffccb8
rgb(255,204,184)
-
#ffdacc
#ffdacc
rgb(255,218,204)
-
#ffe8e0
#ffe8e0
rgb(255,232,224)
-
#fff7f3
#fff7f3
rgb(255,247,243)
Tones of #cc3900
A tone is produced by adding gray to any pure hue. In this case, #6e635e is the less saturated color, while #cc3900 is the most saturated one.
-
#6e635e
#6e635e
rgb(110,99,94)
-
#765f56
#765f56
rgb(118,95,86)
-
#7e5c4e
#7e5c4e
rgb(126,92,78)
-
#855847
#855847
rgb(133,88,71)
-
#8d553f
#8d553f
rgb(141,85,63)
-
#955137
#955137
rgb(149,81,55)
-
#9d4e2f
#9d4e2f
rgb(157,78,47)
-
#a54a27
#a54a27
rgb(165,74,39)
-
#ad471f
#ad471f
rgb(173,71,31)
-
#b44318
#b44318
rgb(180,67,24)
-
#bc4010
#bc4010
rgb(188,64,16)
-
#c43c08
#c43c08
rgb(196,60,8)
-
#cc3900
#cc3900
rgb(204,57,0)
Color Blindness Simulator
Below, you can see how #cc3900 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.