#cc6602 Color Information
In a RGB color space, hex #cc6602 is composed of 80% red, 40% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 99% yellow and 20% black. It has a hue angle of 29.7 degrees, a saturation of 98.1% and a lightness of 40.4%. #cc6602 color hex could be obtained by blending #ffcc04 with #990000. Closest websafe color is: #cc6600.
-
- R 80
- G 40
- B 1
-
- C 0
- M 50
- Y 99
- K 20
● #cc6602 color description : Strong orange.
#cc6602 Color Conversion
The hexadecimal color #cc6602 has RGB values of R:204, G:102, B:2 and CMYK values of C:0, M:0.5, Y:0.99, K:0.2. Its decimal value is 13395458.
| Hex triplet | cc6602 | #cc6602 |
|---|---|---|
| RGB Decimal | 204, 102, 2 | rgb(204,102,2) |
| RGB Percent | 80, 40, 0.8 | rgb(80%,40%,0.8%) |
| CMYK | 0, 50, 99, 20 | |
| HSL | 29.7°, 98.1, 40.4 | hsl(29.7,98.1%,40.4%) |
| HSV (or HSB) | 29.7°, 99, 80 | |
| Web Safe | cc6600 | #cc6600 |
| CIE-LAB | 54.394, 35.741, 62.274 |
|---|---|
| XYZ | 29.665, 22.347, 2.809 |
| xyY | 0.541, 0.408, 22.347 |
| CIE-LCH | 54.394, 71.801, 60.147 |
| CIE-LUV | 54.394, 84.875, 49.809 |
| Hunter-Lab | 47.273, 29.287, 29.568 |
| Binary | 11001100, 01100110, 00000010 |
Color Schemes with #cc6602
Alternatives to #cc6602
Below, you can see some colors close to #cc6602. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc6602 Preview
This text has a font color of #cc6602.
<span style="color:#cc6602;">Text here</span>
This paragraph has a background color of #cc6602.
<p style="background-color:#cc6602;">Content here</p>
This element has a border color of #cc6602.
<div style="border:1px solid #cc6602;">Content here</div>
.text {color:#cc6602;}
.background {background-color:#cc6602;}
.border {border:1px solid #cc6602;}
Shades and Tints of #cc6602
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, #0a0500 is the darkest color, while #fffaf5 is the lightest one.
-
#0a0500
#0a0500rgb(10,5,0) -
#1d0f00
#1d0f00rgb(29,15,0) -
#311800
#311800rgb(49,24,0) -
#442201
#442201rgb(68,34,1) -
#572c01
#572c01rgb(87,44,1) -
#6b3501
#6b3501rgb(107,53,1) -
#7e3f01
#7e3f01rgb(126,63,1) -
#924901
#924901rgb(146,73,1) -
#a55302
#a55302rgb(165,83,2) -
#b95c02
#b95c02rgb(185,92,2) -
#cc6602
#cc6602rgb(204,102,2) -
#df7002
#df7002rgb(223,112,2) -
#f37902
#f37902rgb(243,121,2)
-
#fd830c
#fd830crgb(253,131,12) -
#fd8d20
#fd8d20rgb(253,141,32) -
#fd9733
#fd9733rgb(253,151,51) -
#fda147
#fda147rgb(253,161,71) -
#fdab5a
#fdab5argb(253,171,90) -
#feb56d
#feb56drgb(254,181,109) -
#febf81
#febf81rgb(254,191,129) -
#fec994
#fec994rgb(254,201,148) -
#fed2a8
#fed2a8rgb(254,210,168) -
#fedcbb
#fedcbbrgb(254,220,187) -
#ffe6ce
#ffe6cergb(255,230,206) -
#fff0e2
#fff0e2rgb(255,240,226) -
#fffaf5
#fffaf5rgb(255,250,245)
Tones of #cc6602
A tone is produced by adding gray to any pure hue. In this case, #6d6761 is the less saturated color, while #cc6602 is the most saturated one.
-
#6d6761
#6d6761rgb(109,103,97) -
#756759
#756759rgb(117,103,89) -
#7d6751
#7d6751rgb(125,103,81) -
#856749
#856749rgb(133,103,73) -
#8d6741
#8d6741rgb(141,103,65) -
#956739
#956739rgb(149,103,57) -
#9c6632
#9c6632rgb(156,102,50) -
#a4662a
#a4662argb(164,102,42) -
#ac6622
#ac6622rgb(172,102,34) -
#b4661a
#b4661argb(180,102,26) -
#bc6612
#bc6612rgb(188,102,18) -
#c4660a
#c4660argb(196,102,10) -
#cc6602
#cc6602rgb(204,102,2)
Color Blindness Simulator
Below, you can see how #cc6602 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.
