#cc552a Color Information
In a RGB color space, hex #cc552a is composed of 80% red, 33.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 79.4% yellow and 20% black. It has a hue angle of 15.9 degrees, a saturation of 65.9% and a lightness of 48.2%. #cc552a color hex could be obtained by blending #ffaa54 with #990000. Closest websafe color is: #cc6633.
-
- R 80
- G 33
- B 16
-
- C 0
- M 58
- Y 79
- K 20
● #cc552a color description : Strong orange.
#cc552a Color Conversion
The hexadecimal color #cc552a has RGB values of R:204, G:85, B:42 and CMYK values of C:0, M:0.58, Y:0.79, K:0.2. Its decimal value is 13391146.
Hex triplet | cc552a | #cc552a |
---|---|---|
RGB Decimal | 204, 85, 42 | rgb(204,85,42) |
RGB Percent | 80, 33.3, 16.5 | rgb(80%,33.3%,16.5%) |
CMYK | 0, 58, 79, 20 | |
HSL | 15.9°, 65.9, 48.2 | hsl(15.9,65.9%,48.2%) |
HSV (or HSB) | 15.9°, 79.4, 80 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 51.272, 44.966, 47.092 |
---|---|
XYZ | 28.569, 19.505, 4.451 |
xyY | 0.544, 0.371, 19.505 |
CIE-LCH | 51.272, 65.112, 46.323 |
CIE-LUV | 51.272, 95.854, 37.637 |
Hunter-Lab | 44.164, 38.184, 24.94 |
Binary | 11001100, 01010101, 00101010 |
Color Schemes with #cc552a
Alternatives to #cc552a
Below, you can see some colors close to #cc552a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc552a Preview
This text has a font color of #cc552a.
<span style="color:#cc552a;">Text here</span>
This paragraph has a background color of #cc552a.
<p style="background-color:#cc552a;">Content here</p>
This element has a border color of #cc552a.
<div style="border:1px solid #cc552a;">Content here</div>
.text {color:#cc552a;}
.background {background-color:#cc552a;}
.border {border:1px solid #cc552a;}
Shades and Tints of #cc552a
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, #090402 is the darkest color, while #fdf9f8 is the lightest one.
-
#090402
#090402
rgb(9,4,2)
-
#190a05
#190a05
rgb(25,10,5)
-
#291109
#291109
rgb(41,17,9)
-
#3a180c
#3a180c
rgb(58,24,12)
-
#4a1f0f
#4a1f0f
rgb(74,31,15)
-
#5a2613
#5a2613
rgb(90,38,19)
-
#6a2c16
#6a2c16
rgb(106,44,22)
-
#7b3319
#7b3319
rgb(123,51,25)
-
#8b3a1d
#8b3a1d
rgb(139,58,29)
-
#9b4120
#9b4120
rgb(155,65,32)
-
#ab4723
#ab4723
rgb(171,71,35)
-
#bc4e27
#bc4e27
rgb(188,78,39)
-
#cc552a
#cc552a
rgb(204,85,42)
-
#d55f34
#d55f34
rgb(213,95,52)
-
#d96c45
#d96c45
rgb(217,108,69)
-
#dc7955
#dc7955
rgb(220,121,85)
-
#df8665
#df8665
rgb(223,134,101)
-
#e39275
#e39275
rgb(227,146,117)
-
#e69f86
#e69f86
rgb(230,159,134)
-
#e9ac96
#e9ac96
rgb(233,172,150)
-
#edb9a6
#edb9a6
rgb(237,185,166)
-
#f0c6b6
#f0c6b6
rgb(240,198,182)
-
#f3d3c7
#f3d3c7
rgb(243,211,199)
-
#f7dfd7
#f7dfd7
rgb(247,223,215)
-
#faece7
#faece7
rgb(250,236,231)
-
#fdf9f8
#fdf9f8
rgb(253,249,248)
Tones of #cc552a
A tone is produced by adding gray to any pure hue. In this case, #807976 is the less saturated color, while #f24304 is the most saturated one.
-
#807976
#807976
rgb(128,121,118)
-
#8a746c
#8a746c
rgb(138,116,108)
-
#937063
#937063
rgb(147,112,99)
-
#9d6b59
#9d6b59
rgb(157,107,89)
-
#a66750
#a66750
rgb(166,103,80)
-
#b06246
#b06246
rgb(176,98,70)
-
#b95e3d
#b95e3d
rgb(185,94,61)
-
#c35933
#c35933
rgb(195,89,51)
-
#cc552a
#cc552a
rgb(204,85,42)
-
#d55121
#d55121
rgb(213,81,33)
-
#df4c17
#df4c17
rgb(223,76,23)
-
#e8480e
#e8480e
rgb(232,72,14)
-
#f24304
#f24304
rgb(242,67,4)
Color Blindness Simulator
Below, you can see how #cc552a 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.