#cc5523 Color Information
In a RGB color space, hex #cc5523 is composed of 80% red, 33.3% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 82.8% yellow and 20% black. It has a hue angle of 17.8 degrees, a saturation of 70.7% and a lightness of 46.9%. #cc5523 color hex could be obtained by blending #ffaa46 with #990000. Closest websafe color is: #cc6633.
-
- R 80
- G 33
- B 14
-
- C 0
- M 58
- Y 83
- K 20
● #cc5523 color description : Strong orange.
#cc5523 Color Conversion
The hexadecimal color #cc5523 has RGB values of R:204, G:85, B:35 and CMYK values of C:0, M:0.58, Y:0.83, K:0.2. Its decimal value is 13391139.
Hex triplet | cc5523 | #cc5523 |
---|---|---|
RGB Decimal | 204, 85, 35 | rgb(204,85,35) |
RGB Percent | 80, 33.3, 13.7 | rgb(80%,33.3%,13.7%) |
CMYK | 0, 58, 83, 20 | |
HSL | 17.8°, 70.7, 46.9 | hsl(17.8,70.7%,46.9%) |
HSV (or HSB) | 17.8°, 82.8, 80 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 51.22, 44.745, 50.265 |
---|---|
XYZ | 28.455, 19.459, 3.848 |
xyY | 0.55, 0.376, 19.459 |
CIE-LCH | 51.22, 67.296, 48.325 |
CIE-LUV | 51.22, 96.626, 39.52 |
Hunter-Lab | 44.112, 37.947, 25.707 |
Binary | 11001100, 01010101, 00100011 |
Color Schemes with #cc5523
Alternatives to #cc5523
Below, you can see some colors close to #cc5523. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc5523 Preview
This text has a font color of #cc5523.
<span style="color:#cc5523;">Text here</span>
This paragraph has a background color of #cc5523.
<p style="background-color:#cc5523;">Content here</p>
This element has a border color of #cc5523.
<div style="border:1px solid #cc5523;">Content here</div>
.text {color:#cc5523;}
.background {background-color:#cc5523;}
.border {border:1px solid #cc5523;}
Shades and Tints of #cc5523
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, #030101 is the darkest color, while #fdf5f1 is the lightest one.
-
#030101
#030101
rgb(3,1,1)
-
#140803
#140803
rgb(20,8,3)
-
#250f06
#250f06
rgb(37,15,6)
-
#351609
#351609
rgb(53,22,9)
-
#461d0c
#461d0c
rgb(70,29,12)
-
#57240f
#57240f
rgb(87,36,15)
-
#682b12
#682b12
rgb(104,43,18)
-
#783215
#783215
rgb(120,50,21)
-
#893918
#893918
rgb(137,57,24)
-
#9a401a
#9a401a
rgb(154,64,26)
-
#ab471d
#ab471d
rgb(171,71,29)
-
#bb4e20
#bb4e20
rgb(187,78,32)
-
#cc5523
#cc5523
rgb(204,85,35)
-
#da5d28
#da5d28
rgb(218,93,40)
-
#dd6a39
#dd6a39
rgb(221,106,57)
-
#e0764a
#e0764a
rgb(224,118,74)
-
#e3835b
#e3835b
rgb(227,131,91)
-
#e6906b
#e6906b
rgb(230,144,107)
-
#e99c7c
#e99c7c
rgb(233,156,124)
-
#eba98d
#eba98d
rgb(235,169,141)
-
#eeb59e
#eeb59e
rgb(238,181,158)
-
#f1c2ae
#f1c2ae
rgb(241,194,174)
-
#f4cfbf
#f4cfbf
rgb(244,207,191)
-
#f7dbd0
#f7dbd0
rgb(247,219,208)
-
#fae8e1
#fae8e1
rgb(250,232,225)
-
#fdf5f1
#fdf5f1
rgb(253,245,241)
Tones of #cc5523
A tone is produced by adding gray to any pure hue. In this case, #797776 is the less saturated color, while #e84a07 is the most saturated one.
-
#797776
#797776
rgb(121,119,118)
-
#82736d
#82736d
rgb(130,115,109)
-
#8c6f63
#8c6f63
rgb(140,111,99)
-
#956c5a
#956c5a
rgb(149,108,90)
-
#9e6851
#9e6851
rgb(158,104,81)
-
#a76448
#a76448
rgb(167,100,72)
-
#b0603f
#b0603f
rgb(176,96,63)
-
#ba5d35
#ba5d35
rgb(186,93,53)
-
#c3592c
#c3592c
rgb(195,89,44)
-
#cc5523
#cc5523
rgb(204,85,35)
-
#d5511a
#d5511a
rgb(213,81,26)
-
#de4d11
#de4d11
rgb(222,77,17)
-
#e84a07
#e84a07
rgb(232,74,7)
Color Blindness Simulator
Below, you can see how #cc5523 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.