#cc553e Color Information
In a RGB color space, hex #cc553e is composed of 80% red, 33.3% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 69.6% yellow and 20% black. It has a hue angle of 9.7 degrees, a saturation of 58.2% and a lightness of 52.2%. #cc553e color hex could be obtained by blending #ffaa7c with #990000. Closest websafe color is: #cc6633.
-
- R 80
- G 33
- B 24
-
- C 0
- M 58
- Y 70
- K 20
● #cc553e color description : Moderate red.
#cc553e Color Conversion
The hexadecimal color #cc553e has RGB values of R:204, G:85, B:62 and CMYK values of C:0, M:0.58, Y:0.7, K:0.2. Its decimal value is 13391166.
Hex triplet | cc553e | #cc553e |
---|---|---|
RGB Decimal | 204, 85, 62 | rgb(204,85,62) |
RGB Percent | 80, 33.3, 24.3 | rgb(80%,33.3%,24.3%) |
CMYK | 0, 58, 70, 20 | |
HSL | 9.7°, 58.2, 52.2 | hsl(9.7,58.2%,52.2%) |
HSV (or HSB) | 9.7°, 69.6, 80 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 51.479, 45.829, 36.883 |
---|---|
XYZ | 29.021, 19.685, 6.829 |
xyY | 0.523, 0.354, 19.685 |
CIE-LCH | 51.479, 58.827, 38.827 |
CIE-LUV | 51.479, 92.92, 30.457 |
Hunter-Lab | 44.368, 39.113, 21.932 |
Binary | 11001100, 01010101, 00111110 |
Color Schemes with #cc553e
Alternatives to #cc553e
Below, you can see some colors close to #cc553e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc553e Preview
This text has a font color of #cc553e.
<span style="color:#cc553e;">Text here</span>
This paragraph has a background color of #cc553e.
<p style="background-color:#cc553e;">Content here</p>
This element has a border color of #cc553e.
<div style="border:1px solid #cc553e;">Content here</div>
.text {color:#cc553e;}
.background {background-color:#cc553e;}
.border {border:1px solid #cc553e;}
Shades and Tints of #cc553e
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, #090302 is the darkest color, while #fdf9f8 is the lightest one.
-
#090302
#090302
rgb(9,3,2)
-
#180906
#180906
rgb(24,9,6)
-
#280f0a
#280f0a
rgb(40,15,10)
-
#37150f
#37150f
rgb(55,21,15)
-
#471b13
#471b13
rgb(71,27,19)
-
#562117
#562117
rgb(86,33,23)
-
#66271b
#66271b
rgb(102,39,27)
-
#752d1f
#752d1f
rgb(117,45,31)
-
#853323
#853323
rgb(133,51,35)
-
#943927
#943927
rgb(148,57,39)
-
#a43f2b
#a43f2b
rgb(164,63,43)
-
#b3452f
#b3452f
rgb(179,69,47)
-
#c34b33
#c34b33
rgb(195,75,51)
-
#cc553e
#cc553e
rgb(204,85,62)
-
#d0634e
#d0634e
rgb(208,99,78)
-
#d4705d
#d4705d
rgb(212,112,93)
-
#d87e6d
#d87e6d
rgb(216,126,109)
-
#dc8c7c
#dc8c7c
rgb(220,140,124)
-
#e0998c
#e0998c
rgb(224,153,140)
-
#e5a79b
#e5a79b
rgb(229,167,155)
-
#e9b5ab
#e9b5ab
rgb(233,181,171)
-
#edc2ba
#edc2ba
rgb(237,194,186)
-
#f1d0ca
#f1d0ca
rgb(241,208,202)
-
#f5ded9
#f5ded9
rgb(245,222,217)
-
#f9ebe9
#f9ebe9
rgb(249,235,233)
-
#fdf9f8
#fdf9f8
rgb(253,249,248)
Tones of #cc553e
A tone is produced by adding gray to any pure hue. In this case, #8a8180 is the less saturated color, while #fb350f is the most saturated one.
-
#8a8180
#8a8180
rgb(138,129,128)
-
#947b76
#947b76
rgb(148,123,118)
-
#9d756d
#9d756d
rgb(157,117,109)
-
#a66e64
#a66e64
rgb(166,110,100)
-
#b0685a
#b0685a
rgb(176,104,90)
-
#b96251
#b96251
rgb(185,98,81)
-
#c35b47
#c35b47
rgb(195,91,71)
-
#cc553e
#cc553e
rgb(204,85,62)
-
#d54f35
#d54f35
rgb(213,79,53)
-
#df482b
#df482b
rgb(223,72,43)
-
#e84222
#e84222
rgb(232,66,34)
-
#f23c18
#f23c18
rgb(242,60,24)
-
#fb350f
#fb350f
rgb(251,53,15)
Color Blindness Simulator
Below, you can see how #cc553e 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.