#cc551e Color Information
In a RGB color space, hex #cc551e is composed of 80% red, 33.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 85.3% yellow and 20% black. It has a hue angle of 19 degrees, a saturation of 74.4% and a lightness of 45.9%. #cc551e color hex could be obtained by blending #ffaa3c with #990000. Closest websafe color is: #cc6633.
-
- R 80
- G 33
- B 12
-
- C 0
- M 58
- Y 85
- K 20
● #cc551e color description : Strong orange.
#cc551e Color Conversion
The hexadecimal color #cc551e has RGB values of R:204, G:85, B:30 and CMYK values of C:0, M:0.58, Y:0.85, K:0.2. Its decimal value is 13391134.
Hex triplet | cc551e | #cc551e |
---|---|---|
RGB Decimal | 204, 85, 30 | rgb(204,85,30) |
RGB Percent | 80, 33.3, 11.8 | rgb(80%,33.3%,11.8%) |
CMYK | 0, 58, 85, 20 | |
HSL | 19°, 74.4, 45.9 | hsl(19,74.4%,45.9%) |
HSV (or HSB) | 19°, 85.3, 80 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 51.188, 44.612, 52.346 |
---|---|
XYZ | 28.386, 19.431, 3.484 |
xyY | 0.553, 0.379, 19.431 |
CIE-LCH | 51.188, 68.777, 49.561 |
CIE-LUV | 51.188, 97.098, 40.668 |
Hunter-Lab | 44.081, 37.804, 26.17 |
Binary | 11001100, 01010101, 00011110 |
Color Schemes with #cc551e
Alternatives to #cc551e
Below, you can see some colors close to #cc551e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc551e Preview
This text has a font color of #cc551e.
<span style="color:#cc551e;">Text here</span>
This paragraph has a background color of #cc551e.
<p style="background-color:#cc551e;">Content here</p>
This element has a border color of #cc551e.
<div style="border:1px solid #cc551e;">Content here</div>
.text {color:#cc551e;}
.background {background-color:#cc551e;}
.border {border:1px solid #cc551e;}
Shades and Tints of #cc551e
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, #100702 is the darkest color, while #fffefe is the lightest one.
-
#100702
#100702
rgb(16,7,2)
-
#210e05
#210e05
rgb(33,14,5)
-
#321507
#321507
rgb(50,21,7)
-
#431c0a
#431c0a
rgb(67,28,10)
-
#54230c
#54230c
rgb(84,35,12)
-
#652a0f
#652a0f
rgb(101,42,15)
-
#763111
#763111
rgb(118,49,17)
-
#883814
#883814
rgb(136,56,20)
-
#994016
#994016
rgb(153,64,22)
-
#aa4719
#aa4719
rgb(170,71,25)
-
#bb4e1b
#bb4e1b
rgb(187,78,27)
-
#cc551e
#cc551e
rgb(204,85,30)
-
#dd5c21
#dd5c21
rgb(221,92,33)
-
#e16831
#e16831
rgb(225,104,49)
-
#e37542
#e37542
rgb(227,117,66)
-
#e68153
#e68153
rgb(230,129,83)
-
#e88e64
#e88e64
rgb(232,142,100)
-
#eb9a75
#eb9a75
rgb(235,154,117)
-
#eda786
#eda786
rgb(237,167,134)
-
#f0b397
#f0b397
rgb(240,179,151)
-
#f2c0a8
#f2c0a8
rgb(242,192,168)
-
#f5ccb9
#f5ccb9
rgb(245,204,185)
-
#f7d9ca
#f7d9ca
rgb(247,217,202)
-
#fae5dc
#fae5dc
rgb(250,229,220)
-
#fcf2ed
#fcf2ed
rgb(252,242,237)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #cc551e
A tone is produced by adding gray to any pure hue. In this case, #7b736f is the less saturated color, while #e74b03 is the most saturated one.
-
#7b736f
#7b736f
rgb(123,115,111)
-
#846f66
#846f66
rgb(132,111,102)
-
#8d6c5d
#8d6c5d
rgb(141,108,93)
-
#966954
#966954
rgb(150,105,84)
-
#9f664b
#9f664b
rgb(159,102,75)
-
#a86242
#a86242
rgb(168,98,66)
-
#b15f39
#b15f39
rgb(177,95,57)
-
#ba5c30
#ba5c30
rgb(186,92,48)
-
#c35827
#c35827
rgb(195,88,39)
-
#cc551e
#cc551e
rgb(204,85,30)
-
#d55215
#d55215
rgb(213,82,21)
-
#de4e0c
#de4e0c
rgb(222,78,12)
-
#e74b03
#e74b03
rgb(231,75,3)
Color Blindness Simulator
Below, you can see how #cc551e 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.