#cc7822 Color Information
In a RGB color space, hex #cc7822 is composed of 80% red, 47.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.2% magenta, 83.3% yellow and 20% black. It has a hue angle of 30.4 degrees, a saturation of 71.4% and a lightness of 46.7%. #cc7822 color hex could be obtained by blending #fff044 with #990000. Closest websafe color is: #cc6633.
-
- R 80
- G 47
- B 13
-
- C 0
- M 41
- Y 83
- K 20
● #cc7822 color description : Strong orange.
#cc7822 Color Conversion
The hexadecimal color #cc7822 has RGB values of R:204, G:120, B:34 and CMYK values of C:0, M:0.41, Y:0.83, K:0.2. Its decimal value is 13400098.
Hex triplet | cc7822 | #cc7822 |
---|---|---|
RGB Decimal | 204, 120, 34 | rgb(204,120,34) |
RGB Percent | 80, 47.1, 13.3 | rgb(80%,47.1%,13.3%) |
CMYK | 0, 41, 83, 20 | |
HSL | 30.4°, 71.4, 46.7 | hsl(30.4,71.4%,46.7%) |
HSV (or HSB) | 30.4°, 83.3, 80 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 58.404, 26.796, 57.016 |
---|---|
XYZ | 31.908, 26.388, 4.926 |
xyY | 0.505, 0.417, 26.388 |
CIE-LCH | 58.404, 62.999, 64.828 |
CIE-LUV | 58.404, 68.778, 51.903 |
Hunter-Lab | 51.37, 20.978, 30.273 |
Binary | 11001100, 01111000, 00100010 |
Color Schemes with #cc7822
Alternatives to #cc7822
Below, you can see some colors close to #cc7822. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc7822 Preview
This text has a font color of #cc7822.
<span style="color:#cc7822;">Text here</span>
This paragraph has a background color of #cc7822.
<p style="background-color:#cc7822;">Content here</p>
This element has a border color of #cc7822.
<div style="border:1px solid #cc7822;">Content here</div>
.text {color:#cc7822;}
.background {background-color:#cc7822;}
.border {border:1px solid #cc7822;}
Shades and Tints of #cc7822
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, #020100 is the darkest color, while #fdf7f0 is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#130b03
#130b03
rgb(19,11,3)
-
#241506
#241506
rgb(36,21,6)
-
#351f09
#351f09
rgb(53,31,9)
-
#45290c
#45290c
rgb(69,41,12)
-
#56330e
#56330e
rgb(86,51,14)
-
#673d11
#673d11
rgb(103,61,17)
-
#784714
#784714
rgb(120,71,20)
-
#895017
#895017
rgb(137,80,23)
-
#9a5a1a
#9a5a1a
rgb(154,90,26)
-
#aa641c
#aa641c
rgb(170,100,28)
-
#bb6e1f
#bb6e1f
rgb(187,110,31)
-
#cc7822
#cc7822
rgb(204,120,34)
-
#db8227
#db8227
rgb(219,130,39)
-
#de8c37
#de8c37
rgb(222,140,55)
-
#e19548
#e19548
rgb(225,149,72)
-
#e39f59
#e39f59
rgb(227,159,89)
-
#e6a96a
#e6a96a
rgb(230,169,106)
-
#e9b27b
#e9b27b
rgb(233,178,123)
-
#ecbc8c
#ecbc8c
rgb(236,188,140)
-
#efc69c
#efc69c
rgb(239,198,156)
-
#f1d0ad
#f1d0ad
rgb(241,208,173)
-
#f4d9be
#f4d9be
rgb(244,217,190)
-
#f7e3cf
#f7e3cf
rgb(247,227,207)
-
#faede0
#faede0
rgb(250,237,224)
-
#fdf7f0
#fdf7f0
rgb(253,247,240)
Tones of #cc7822
A tone is produced by adding gray to any pure hue. In this case, #7a7774 is the less saturated color, while #e77807 is the most saturated one.
-
#7a7774
#7a7774
rgb(122,119,116)
-
#83776b
#83776b
rgb(131,119,107)
-
#8c7762
#8c7762
rgb(140,119,98)
-
#957759
#957759
rgb(149,119,89)
-
#9e7750
#9e7750
rgb(158,119,80)
-
#a77847
#a77847
rgb(167,120,71)
-
#b1783d
#b1783d
rgb(177,120,61)
-
#ba7834
#ba7834
rgb(186,120,52)
-
#c3782b
#c3782b
rgb(195,120,43)
-
#cc7822
#cc7822
rgb(204,120,34)
-
#d57819
#d57819
rgb(213,120,25)
-
#de7810
#de7810
rgb(222,120,16)
-
#e77807
#e77807
rgb(231,120,7)
Color Blindness Simulator
Below, you can see how #cc7822 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.