#cc6300 Color Information
In a RGB color space, hex #cc6300 is composed of 80% red, 38.8% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.5% magenta, 100% yellow and 20% black. It has a hue angle of 29.1 degrees, a saturation of 100% and a lightness of 40%. #cc6300 color hex could be obtained by blending #ffc600 with #990000. Closest websafe color is: #cc6600.
-
- R 80
- G 39
- B 0
-
- C 0
- M 51
- Y 100
- K 20
● #cc6300 color description : Strong orange.
#cc6300 Color Conversion
The hexadecimal color #cc6300 has RGB values of R:204, G:99, B:0 and CMYK values of C:0, M:0.51, Y:1, K:0.2. Its decimal value is 13394688.
Hex triplet | cc6300 | #cc6300 |
---|---|---|
RGB Decimal | 204, 99, 0 | rgb(204,99,0) |
RGB Percent | 80, 38.8, 0 | rgb(80%,38.8%,0%) |
CMYK | 0, 51, 100, 20 | |
HSL | 29.1°, 100, 40 | hsl(29.1,100%,40%) |
HSV (or HSB) | 29.1°, 100, 80 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 53.776, 37.256, 62.31 |
---|---|
XYZ | 29.365, 21.764, 2.655 |
xyY | 0.546, 0.405, 21.764 |
CIE-LCH | 53.776, 72.599, 59.124 |
CIE-LUV | 53.776, 87.413, 49.004 |
Hunter-Lab | 46.652, 30.716, 29.283 |
Binary | 11001100, 01100011, 00000000 |
Color Schemes with #cc6300
Alternatives to #cc6300
Below, you can see some colors close to #cc6300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc6300 Preview
This text has a font color of #cc6300.
<span style="color:#cc6300;">Text here</span>
This paragraph has a background color of #cc6300.
<p style="background-color:#cc6300;">Content here</p>
This element has a border color of #cc6300.
<div style="border:1px solid #cc6300;">Content here</div>
.text {color:#cc6300;}
.background {background-color:#cc6300;}
.border {border:1px solid #cc6300;}
Shades and Tints of #cc6300
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, #080400 is the darkest color, while #fff9f3 is the lightest one.
-
#080400
#080400
rgb(8,4,0)
-
#1b0d00
#1b0d00
rgb(27,13,0)
-
#2f1700
#2f1700
rgb(47,23,0)
-
#432000
#432000
rgb(67,32,0)
-
#562a00
#562a00
rgb(86,42,0)
-
#6a3300
#6a3300
rgb(106,51,0)
-
#7e3d00
#7e3d00
rgb(126,61,0)
-
#914600
#914600
rgb(145,70,0)
-
#a55000
#a55000
rgb(165,80,0)
-
#b85900
#b85900
rgb(184,89,0)
-
#cc6300
#cc6300
rgb(204,99,0)
-
#e06d00
#e06d00
rgb(224,109,0)
-
#f37600
#f37600
rgb(243,118,0)
-
#ff8008
#ff8008
rgb(255,128,8)
-
#ff8a1b
#ff8a1b
rgb(255,138,27)
-
#ff942f
#ff942f
rgb(255,148,47)
-
#ff9e43
#ff9e43
rgb(255,158,67)
-
#ffa856
#ffa856
rgb(255,168,86)
-
#ffb26a
#ffb26a
rgb(255,178,106)
-
#ffbc7e
#ffbc7e
rgb(255,188,126)
-
#ffc691
#ffc691
rgb(255,198,145)
-
#ffd1a5
#ffd1a5
rgb(255,209,165)
-
#ffdbb8
#ffdbb8
rgb(255,219,184)
-
#ffe5cc
#ffe5cc
rgb(255,229,204)
-
#ffefe0
#ffefe0
rgb(255,239,224)
-
#fff9f3
#fff9f3
rgb(255,249,243)
Tones of #cc6300
A tone is produced by adding gray to any pure hue. In this case, #6e665e is the less saturated color, while #cc6300 is the most saturated one.
-
#6e665e
#6e665e
rgb(110,102,94)
-
#766656
#766656
rgb(118,102,86)
-
#7e654e
#7e654e
rgb(126,101,78)
-
#856547
#856547
rgb(133,101,71)
-
#8d653f
#8d653f
rgb(141,101,63)
-
#956537
#956537
rgb(149,101,55)
-
#9d642f
#9d642f
rgb(157,100,47)
-
#a56427
#a56427
rgb(165,100,39)
-
#ad641f
#ad641f
rgb(173,100,31)
-
#b46418
#b46418
rgb(180,100,24)
-
#bc6310
#bc6310
rgb(188,99,16)
-
#c46308
#c46308
rgb(196,99,8)
-
#cc6300
#cc6300
rgb(204,99,0)
Color Blindness Simulator
Below, you can see how #cc6300 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.