#cc662a Color Information
In a RGB color space, hex #cc662a is composed of 80% red, 40% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 79.4% yellow and 20% black. It has a hue angle of 22.2 degrees, a saturation of 65.9% and a lightness of 48.2%. #cc662a color hex could be obtained by blending #ffcc54 with #990000. Closest websafe color is: #cc6633.
-
- R 80
- G 40
- B 16
-
- C 0
- M 50
- Y 79
- K 20
● #cc662a color description : Strong orange.
#cc662a Color Conversion
The hexadecimal color #cc662a has RGB values of R:204, G:102, B:42 and CMYK values of C:0, M:0.5, Y:0.79, K:0.2. Its decimal value is 13395498.
Hex triplet | cc662a | #cc662a |
---|---|---|
RGB Decimal | 204, 102, 42 | rgb(204,102,42) |
RGB Percent | 80, 40, 16.5 | rgb(80%,40%,16.5%) |
CMYK | 0, 50, 79, 20 | |
HSL | 22.2°, 65.9, 48.2 | hsl(22.2,65.9%,48.2%) |
HSV (or HSB) | 22.2°, 79.4, 80 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 54.564, 36.55, 50.274 |
---|---|
XYZ | 30.072, 22.51, 4.952 |
xyY | 0.523, 0.391, 22.51 |
CIE-LCH | 54.564, 62.156, 53.982 |
CIE-LUV | 54.564, 82.692, 43.414 |
Hunter-Lab | 47.445, 30.111, 27.023 |
Binary | 11001100, 01100110, 00101010 |
Color Schemes with #cc662a
Alternatives to #cc662a
Below, you can see some colors close to #cc662a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc662a Preview
This text has a font color of #cc662a.
<span style="color:#cc662a;">Text here</span>
This paragraph has a background color of #cc662a.
<p style="background-color:#cc662a;">Content here</p>
This element has a border color of #cc662a.
<div style="border:1px solid #cc662a;">Content here</div>
.text {color:#cc662a;}
.background {background-color:#cc662a;}
.border {border:1px solid #cc662a;}
Shades and Tints of #cc662a
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 #fdfaf8 is the lightest one.
-
#090402
#090402
rgb(9,4,2)
-
#190d05
#190d05
rgb(25,13,5)
-
#291509
#291509
rgb(41,21,9)
-
#3a1d0c
#3a1d0c
rgb(58,29,12)
-
#4a250f
#4a250f
rgb(74,37,15)
-
#5a2d13
#5a2d13
rgb(90,45,19)
-
#6a3516
#6a3516
rgb(106,53,22)
-
#7b3d19
#7b3d19
rgb(123,61,25)
-
#8b451d
#8b451d
rgb(139,69,29)
-
#9b4e20
#9b4e20
rgb(155,78,32)
-
#ab5623
#ab5623
rgb(171,86,35)
-
#bc5e27
#bc5e27
rgb(188,94,39)
-
#cc662a
#cc662a
rgb(204,102,42)
-
#d57034
#d57034
rgb(213,112,52)
-
#d97b45
#d97b45
rgb(217,123,69)
-
#dc8755
#dc8755
rgb(220,135,85)
-
#df9265
#df9265
rgb(223,146,101)
-
#e39e75
#e39e75
rgb(227,158,117)
-
#e6a986
#e6a986
rgb(230,169,134)
-
#e9b596
#e9b596
rgb(233,181,150)
-
#edc0a6
#edc0a6
rgb(237,192,166)
-
#f0ccb6
#f0ccb6
rgb(240,204,182)
-
#f3d7c7
#f3d7c7
rgb(243,215,199)
-
#f7e3d7
#f7e3d7
rgb(247,227,215)
-
#faeee7
#faeee7
rgb(250,238,231)
-
#fdfaf8
#fdfaf8
rgb(253,250,248)
Tones of #cc662a
A tone is produced by adding gray to any pure hue. In this case, #807a76 is the less saturated color, while #f25c04 is the most saturated one.
-
#807a76
#807a76
rgb(128,122,118)
-
#8a776c
#8a776c
rgb(138,119,108)
-
#937563
#937563
rgb(147,117,99)
-
#9d7259
#9d7259
rgb(157,114,89)
-
#a67050
#a67050
rgb(166,112,80)
-
#b06d46
#b06d46
rgb(176,109,70)
-
#b96b3d
#b96b3d
rgb(185,107,61)
-
#c36833
#c36833
rgb(195,104,51)
-
#cc662a
#cc662a
rgb(204,102,42)
-
#d56421
#d56421
rgb(213,100,33)
-
#df6117
#df6117
rgb(223,97,23)
-
#e85f0e
#e85f0e
rgb(232,95,14)
-
#f25c04
#f25c04
rgb(242,92,4)
Color Blindness Simulator
Below, you can see how #cc662a 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.