#cc5e22 Color Information
In a RGB color space, hex #cc5e22 is composed of 80% red, 36.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.9% magenta, 83.3% yellow and 20% black. It has a hue angle of 21.2 degrees, a saturation of 71.4% and a lightness of 46.7%. #cc5e22 color hex could be obtained by blending #ffbc44 with #990000. Closest websafe color is: #cc6633.
-
- R 80
- G 37
- B 13
-
- C 0
- M 54
- Y 83
- K 20
● #cc5e22 color description : Strong orange.
#cc5e22 Color Conversion
The hexadecimal color #cc5e22 has RGB values of R:204, G:94, B:34 and CMYK values of C:0, M:0.54, Y:0.83, K:0.2. Its decimal value is 13393442.
Hex triplet | cc5e22 | #cc5e22 |
---|---|---|
RGB Decimal | 204, 94, 34 | rgb(204,94,34) |
RGB Percent | 80, 36.9, 13.3 | rgb(80%,36.9%,13.3%) |
CMYK | 0, 54, 83, 20 | |
HSL | 21.2°, 71.4, 46.7 | hsl(21.2,71.4%,46.7%) |
HSV (or HSB) | 21.2°, 83.3, 80 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 52.907, 40.345, 52.198 |
---|---|
XYZ | 29.194, 20.961, 4.022 |
xyY | 0.539, 0.387, 20.961 |
CIE-LCH | 52.907, 65.972, 52.299 |
CIE-LUV | 52.907, 89.746, 42.685 |
Hunter-Lab | 45.783, 33.702, 26.84 |
Binary | 11001100, 01011110, 00100010 |
Color Schemes with #cc5e22
Alternatives to #cc5e22
Below, you can see some colors close to #cc5e22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc5e22 Preview
This text has a font color of #cc5e22.
<span style="color:#cc5e22;">Text here</span>
This paragraph has a background color of #cc5e22.
<p style="background-color:#cc5e22;">Content here</p>
This element has a border color of #cc5e22.
<div style="border:1px solid #cc5e22;">Content here</div>
.text {color:#cc5e22;}
.background {background-color:#cc5e22;}
.border {border:1px solid #cc5e22;}
Shades and Tints of #cc5e22
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 #fdf5f0 is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#130903
#130903
rgb(19,9,3)
-
#241106
#241106
rgb(36,17,6)
-
#351809
#351809
rgb(53,24,9)
-
#45200c
#45200c
rgb(69,32,12)
-
#56280e
#56280e
rgb(86,40,14)
-
#673011
#673011
rgb(103,48,17)
-
#783714
#783714
rgb(120,55,20)
-
#893f17
#893f17
rgb(137,63,23)
-
#9a471a
#9a471a
rgb(154,71,26)
-
#aa4f1c
#aa4f1c
rgb(170,79,28)
-
#bb561f
#bb561f
rgb(187,86,31)
-
#cc5e22
#cc5e22
rgb(204,94,34)
-
#db6627
#db6627
rgb(219,102,39)
-
#de7237
#de7237
rgb(222,114,55)
-
#e17e48
#e17e48
rgb(225,126,72)
-
#e38a59
#e38a59
rgb(227,138,89)
-
#e6966a
#e6966a
rgb(230,150,106)
-
#e9a27b
#e9a27b
rgb(233,162,123)
-
#ecae8c
#ecae8c
rgb(236,174,140)
-
#efb99c
#efb99c
rgb(239,185,156)
-
#f1c5ad
#f1c5ad
rgb(241,197,173)
-
#f4d1be
#f4d1be
rgb(244,209,190)
-
#f7ddcf
#f7ddcf
rgb(247,221,207)
-
#fae9e0
#fae9e0
rgb(250,233,224)
-
#fdf5f0
#fdf5f0
rgb(253,245,240)
Tones of #cc5e22
A tone is produced by adding gray to any pure hue. In this case, #7a7674 is the less saturated color, while #e75607 is the most saturated one.
-
#7a7674
#7a7674
rgb(122,118,116)
-
#83746b
#83746b
rgb(131,116,107)
-
#8c7162
#8c7162
rgb(140,113,98)
-
#956e59
#956e59
rgb(149,110,89)
-
#9e6b50
#9e6b50
rgb(158,107,80)
-
#a76947
#a76947
rgb(167,105,71)
-
#b1663d
#b1663d
rgb(177,102,61)
-
#ba6334
#ba6334
rgb(186,99,52)
-
#c3612b
#c3612b
rgb(195,97,43)
-
#cc5e22
#cc5e22
rgb(204,94,34)
-
#d55b19
#d55b19
rgb(213,91,25)
-
#de5910
#de5910
rgb(222,89,16)
-
#e75607
#e75607
rgb(231,86,7)
Color Blindness Simulator
Below, you can see how #cc5e22 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.