#cc553a Color Information
In a RGB color space, hex #cc553a is composed of 80% red, 33.3% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 71.6% yellow and 20% black. It has a hue angle of 11.1 degrees, a saturation of 58.9% and a lightness of 51.4%. #cc553a color hex could be obtained by blending #ffaa74 with #990000. Closest websafe color is: #cc6633.
-
- R 80
- G 33
- B 23
-
- C 0
- M 58
- Y 72
- K 20
● #cc553a color description : Moderate red.
#cc553a Color Conversion
The hexadecimal color #cc553a has RGB values of R:204, G:85, B:58 and CMYK values of C:0, M:0.58, Y:0.72, K:0.2. Its decimal value is 13391162.
Hex triplet | cc553a | #cc553a |
---|---|---|
RGB Decimal | 204, 85, 58 | rgb(204,85,58) |
RGB Percent | 80, 33.3, 22.7 | rgb(80%,33.3%,22.7%) |
CMYK | 0, 58, 72, 20 | |
HSL | 11.1°, 58.9, 51.4 | hsl(11.1,58.9%,51.4%) |
HSV (or HSB) | 11.1°, 71.6, 80 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 51.431, 45.628, 39.021 |
---|---|
XYZ | 28.915, 19.643, 6.272 |
xyY | 0.527, 0.358, 19.643 |
CIE-LCH | 51.431, 60.038, 40.537 |
CIE-LUV | 51.431, 93.592, 32.105 |
Hunter-Lab | 44.32, 38.896, 22.634 |
Binary | 11001100, 01010101, 00111010 |
Color Schemes with #cc553a
Alternatives to #cc553a
Below, you can see some colors close to #cc553a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc553a Preview
This text has a font color of #cc553a.
<span style="color:#cc553a;">Text here</span>
This paragraph has a background color of #cc553a.
<p style="background-color:#cc553a;">Content here</p>
This element has a border color of #cc553a.
<div style="border:1px solid #cc553a;">Content here</div>
.text {color:#cc553a;}
.background {background-color:#cc553a;}
.border {border:1px solid #cc553a;}
Shades and Tints of #cc553a
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, #060201 is the darkest color, while #fcf6f5 is the lightest one.
-
#060201
#060201
rgb(6,2,1)
-
#150805
#150805
rgb(21,8,5)
-
#250f0a
#250f0a
rgb(37,15,10)
-
#34150e
#34150e
rgb(52,21,14)
-
#441b12
#441b12
rgb(68,27,18)
-
#532116
#532116
rgb(83,33,22)
-
#63271a
#63271a
rgb(99,39,26)
-
#732d1e
#732d1e
rgb(115,45,30)
-
#823422
#823422
rgb(130,52,34)
-
#923a26
#923a26
rgb(146,58,38)
-
#a1402a
#a1402a
rgb(161,64,42)
-
#b1462e
#b1462e
rgb(177,70,46)
-
#c14c32
#c14c32
rgb(193,76,50)
-
#cc553a
#cc553a
rgb(204,85,58)
-
#d0624a
#d0624a
rgb(208,98,74)
-
#d47059
#d47059
rgb(212,112,89)
-
#d87d69
#d87d69
rgb(216,125,105)
-
#dc8b78
#dc8b78
rgb(220,139,120)
-
#e09888
#e09888
rgb(224,152,136)
-
#e4a697
#e4a697
rgb(228,166,151)
-
#e8b3a7
#e8b3a7
rgb(232,179,167)
-
#ecc1b7
#ecc1b7
rgb(236,193,183)
-
#f0cec6
#f0cec6
rgb(240,206,198)
-
#f4dbd6
#f4dbd6
rgb(244,219,214)
-
#f8e9e5
#f8e9e5
rgb(248,233,229)
-
#fcf6f5
#fcf6f5
rgb(252,246,245)
Tones of #cc553a
A tone is produced by adding gray to any pure hue. In this case, #897f7d is the less saturated color, while #fc370a is the most saturated one.
-
#897f7d
#897f7d
rgb(137,127,125)
-
#937973
#937973
rgb(147,121,115)
-
#9c736a
#9c736a
rgb(156,115,106)
-
#a66d60
#a66d60
rgb(166,109,96)
-
#af6757
#af6757
rgb(175,103,87)
-
#b9614d
#b9614d
rgb(185,97,77)
-
#c25b44
#c25b44
rgb(194,91,68)
-
#cc553a
#cc553a
rgb(204,85,58)
-
#d64f30
#d64f30
rgb(214,79,48)
-
#df4927
#df4927
rgb(223,73,39)
-
#e9431d
#e9431d
rgb(233,67,29)
-
#f23d14
#f23d14
rgb(242,61,20)
-
#fc370a
#fc370a
rgb(252,55,10)
Color Blindness Simulator
Below, you can see how #cc553a 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.