#cc6100 Color Information
In a RGB color space, hex #cc6100 is composed of 80% red, 38% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.5% magenta, 100% yellow and 20% black. It has a hue angle of 28.5 degrees, a saturation of 100% and a lightness of 40%. #cc6100 color hex could be obtained by blending #ffc200 with #990000. Closest websafe color is: #cc6600.
-
- R 80
- G 38
- B 0
-
- C 0
- M 52
- Y 100
- K 20
● #cc6100 color description : Strong orange.
#cc6100 Color Conversion
The hexadecimal color #cc6100 has RGB values of R:204, G:97, B:0 and CMYK values of C:0, M:0.52, Y:1, K:0.2. Its decimal value is 13394176.
Hex triplet | cc6100 | #cc6100 |
---|---|---|
RGB Decimal | 204, 97, 0 | rgb(204,97,0) |
RGB Percent | 80, 38, 0 | rgb(80%,38%,0%) |
CMYK | 0, 52, 100, 20 | |
HSL | 28.5°, 100, 40 | hsl(28.5,100%,40%) |
HSV (or HSB) | 28.5°, 100, 80 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 53.373, 38.27, 62.074 |
---|---|
XYZ | 29.178, 21.39, 2.592 |
xyY | 0.549, 0.402, 21.39 |
CIE-LCH | 53.373, 72.924, 58.345 |
CIE-LUV | 53.373, 89.057, 48.358 |
Hunter-Lab | 46.249, 31.677, 29.051 |
Binary | 11001100, 01100001, 00000000 |
Color Schemes with #cc6100
Alternatives to #cc6100
Below, you can see some colors close to #cc6100. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc6100 Preview
This text has a font color of #cc6100.
<span style="color:#cc6100;">Text here</span>
This paragraph has a background color of #cc6100.
<p style="background-color:#cc6100;">Content here</p>
This element has a border color of #cc6100.
<div style="border:1px solid #cc6100;">Content here</div>
.text {color:#cc6100;}
.background {background-color:#cc6100;}
.border {border:1px solid #cc6100;}
Shades and Tints of #cc6100
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)
-
#2f1600
#2f1600
rgb(47,22,0)
-
#432000
#432000
rgb(67,32,0)
-
#562900
#562900
rgb(86,41,0)
-
#6a3200
#6a3200
rgb(106,50,0)
-
#7e3c00
#7e3c00
rgb(126,60,0)
-
#914500
#914500
rgb(145,69,0)
-
#a54e00
#a54e00
rgb(165,78,0)
-
#b85800
#b85800
rgb(184,88,0)
-
#cc6100
#cc6100
rgb(204,97,0)
-
#e06a00
#e06a00
rgb(224,106,0)
-
#f37400
#f37400
rgb(243,116,0)
-
#ff7d08
#ff7d08
rgb(255,125,8)
-
#ff881b
#ff881b
rgb(255,136,27)
-
#ff922f
#ff922f
rgb(255,146,47)
-
#ff9c43
#ff9c43
rgb(255,156,67)
-
#ffa756
#ffa756
rgb(255,167,86)
-
#ffb16a
#ffb16a
rgb(255,177,106)
-
#ffbb7e
#ffbb7e
rgb(255,187,126)
-
#ffc591
#ffc591
rgb(255,197,145)
-
#ffd0a5
#ffd0a5
rgb(255,208,165)
-
#ffdab8
#ffdab8
rgb(255,218,184)
-
#ffe4cc
#ffe4cc
rgb(255,228,204)
-
#ffefe0
#ffefe0
rgb(255,239,224)
-
#fff9f3
#fff9f3
rgb(255,249,243)
Tones of #cc6100
A tone is produced by adding gray to any pure hue. In this case, #6e665e is the less saturated color, while #cc6100 is the most saturated one.
-
#6e665e
#6e665e
rgb(110,102,94)
-
#766556
#766556
rgb(118,101,86)
-
#7e654e
#7e654e
rgb(126,101,78)
-
#856447
#856447
rgb(133,100,71)
-
#8d643f
#8d643f
rgb(141,100,63)
-
#956437
#956437
rgb(149,100,55)
-
#9d632f
#9d632f
rgb(157,99,47)
-
#a56327
#a56327
rgb(165,99,39)
-
#ad631f
#ad631f
rgb(173,99,31)
-
#b46218
#b46218
rgb(180,98,24)
-
#bc6210
#bc6210
rgb(188,98,16)
-
#c46108
#c46108
rgb(196,97,8)
-
#cc6100
#cc6100
rgb(204,97,0)
Color Blindness Simulator
Below, you can see how #cc6100 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.