#cc6433 Color Information
In a RGB color space, hex #cc6433 is composed of 80% red, 39.2% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51% magenta, 75% yellow and 20% black. It has a hue angle of 19.2 degrees, a saturation of 60% and a lightness of 50%. #cc6433 color hex could be obtained by blending #ffc866 with #990000. Closest websafe color is: #cc6633.
-
- R 80
- G 39
- B 20
-
- C 0
- M 51
- Y 75
- K 20
● #cc6433 color description : Strong orange.
#cc6433 Color Conversion
The hexadecimal color #cc6433 has RGB values of R:204, G:100, B:51 and CMYK values of C:0, M:0.51, Y:0.75, K:0.2. Its decimal value is 13394995.
Hex triplet | cc6433 | #cc6433 |
---|---|---|
RGB Decimal | 204, 100, 51 | rgb(204,100,51) |
RGB Percent | 80, 39.2, 20 | rgb(80%,39.2%,20%) |
CMYK | 0, 51, 75, 20 | |
HSL | 19.2°, 60, 50 | hsl(19.2,60%,50%) |
HSV (or HSB) | 19.2°, 75, 80 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 54.232, 37.927, 45.696 |
---|---|
XYZ | 30.058, 22.194, 5.833 |
xyY | 0.517, 0.382, 22.194 |
CIE-LCH | 54.232, 59.385, 50.307 |
CIE-LUV | 54.232, 83.315, 39.95 |
Hunter-Lab | 47.11, 31.446, 25.636 |
Binary | 11001100, 01100100, 00110011 |
Color Schemes with #cc6433
Alternatives to #cc6433
Below, you can see some colors close to #cc6433. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc6433 Preview
This text has a font color of #cc6433.
<span style="color:#cc6433;">Text here</span>
This paragraph has a background color of #cc6433.
<p style="background-color:#cc6433;">Content here</p>
This element has a border color of #cc6433.
<div style="border:1px solid #cc6433;">Content here</div>
.text {color:#cc6433;}
.background {background-color:#cc6433;}
.border {border:1px solid #cc6433;}
Shades and Tints of #cc6433
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, #100804 is the darkest color, while #ffffff is the lightest one.
-
#100804
#100804
rgb(16,8,4)
-
#1f0f08
#1f0f08
rgb(31,15,8)
-
#2f170c
#2f170c
rgb(47,23,12)
-
#3f1f10
#3f1f10
rgb(63,31,16)
-
#4e2614
#4e2614
rgb(78,38,20)
-
#5e2e18
#5e2e18
rgb(94,46,24)
-
#6e361b
#6e361b
rgb(110,54,27)
-
#7e3e1f
#7e3e1f
rgb(126,62,31)
-
#8d4523
#8d4523
rgb(141,69,35)
-
#9d4d27
#9d4d27
rgb(157,77,39)
-
#ad552b
#ad552b
rgb(173,85,43)
-
#bc5c2f
#bc5c2f
rgb(188,92,47)
-
#cc6433
#cc6433
rgb(204,100,51)
-
#d07043
#d07043
rgb(208,112,67)
-
#d47c52
#d47c52
rgb(212,124,82)
-
#d88862
#d88862
rgb(216,136,98)
-
#dc9472
#dc9472
rgb(220,148,114)
-
#e0a081
#e0a081
rgb(224,160,129)
-
#e4ac91
#e4ac91
rgb(228,172,145)
-
#e7b7a1
#e7b7a1
rgb(231,183,161)
-
#ebc3b1
#ebc3b1
rgb(235,195,177)
-
#efcfc0
#efcfc0
rgb(239,207,192)
-
#f3dbd0
#f3dbd0
rgb(243,219,208)
-
#f7e7e0
#f7e7e0
rgb(247,231,224)
-
#fbf3ef
#fbf3ef
rgb(251,243,239)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #cc6433
A tone is produced by adding gray to any pure hue. In this case, #877d78 is the less saturated color, while #fd5202 is the most saturated one.
-
#877d78
#877d78
rgb(135,125,120)
-
#91796e
#91796e
rgb(145,121,110)
-
#9b7664
#9b7664
rgb(155,118,100)
-
#a5725a
#a5725a
rgb(165,114,90)
-
#af6f50
#af6f50
rgb(175,111,80)
-
#b86b47
#b86b47
rgb(184,107,71)
-
#c2683d
#c2683d
rgb(194,104,61)
-
#cc6433
#cc6433
rgb(204,100,51)
-
#d66029
#d66029
rgb(214,96,41)
-
#e05d1f
#e05d1f
rgb(224,93,31)
-
#e95916
#e95916
rgb(233,89,22)
-
#f3560c
#f3560c
rgb(243,86,12)
-
#fd5202
#fd5202
rgb(253,82,2)
Color Blindness Simulator
Below, you can see how #cc6433 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.