#cc9800 Color Information
In a RGB color space, hex #cc9800 is composed of 80% red, 59.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.5% magenta, 100% yellow and 20% black. It has a hue angle of 44.7 degrees, a saturation of 100% and a lightness of 40%. #cc9800 color hex could be obtained by blending #ffff00 with #993100. Closest websafe color is: #cc9900.
-
- R 80
- G 60
- B 0
-
- C 0
- M 25
- Y 100
- K 20
● #cc9800 color description : Strong orange.
#cc9800 Color Conversion
The hexadecimal color #cc9800 has RGB values of R:204, G:152, B:0 and CMYK values of C:0, M:0.25, Y:1, K:0.2. Its decimal value is 13408256.
Hex triplet | cc9800 | #cc9800 |
---|---|---|
RGB Decimal | 204, 152, 0 | rgb(204,152,0) |
RGB Percent | 80, 59.6, 0 | rgb(80%,59.6%,0%) |
CMYK | 0, 25, 100, 20 | |
HSL | 44.7°, 100, 40 | hsl(44.7,100%,40%) |
HSV (or HSB) | 44.7°, 100, 80 | |
Web Safe | cc9900 | #cc9900 |
CIE-LAB | 65.978, 8.846, 70.155 |
---|---|
XYZ | 36.131, 35.296, 4.91 |
xyY | 0.473, 0.462, 35.296 |
CIE-LCH | 65.978, 70.711, 82.813 |
CIE-LUV | 65.978, 43.924, 67.825 |
Hunter-Lab | 59.41, 4.588, 36.687 |
Binary | 11001100, 10011000, 00000000 |
Color Schemes with #cc9800
Alternatives to #cc9800
Below, you can see some colors close to #cc9800. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc9800 Preview
This text has a font color of #cc9800.
<span style="color:#cc9800;">Text here</span>
This paragraph has a background color of #cc9800.
<p style="background-color:#cc9800;">Content here</p>
This element has a border color of #cc9800.
<div style="border:1px solid #cc9800;">Content here</div>
.text {color:#cc9800;}
.background {background-color:#cc9800;}
.border {border:1px solid #cc9800;}
Shades and Tints of #cc9800
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, #080600 is the darkest color, while #fffcf3 is the lightest one.
-
#080600
#080600
rgb(8,6,0)
-
#1b1400
#1b1400
rgb(27,20,0)
-
#2f2300
#2f2300
rgb(47,35,0)
-
#433200
#433200
rgb(67,50,0)
-
#564000
#564000
rgb(86,64,0)
-
#6a4f00
#6a4f00
rgb(106,79,0)
-
#7e5e00
#7e5e00
rgb(126,94,0)
-
#916c00
#916c00
rgb(145,108,0)
-
#a57b00
#a57b00
rgb(165,123,0)
-
#b88900
#b88900
rgb(184,137,0)
-
#cc9800
#cc9800
rgb(204,152,0)
-
#e0a700
#e0a700
rgb(224,167,0)
-
#f3b500
#f3b500
rgb(243,181,0)
-
#ffc008
#ffc008
rgb(255,192,8)
-
#ffc51b
#ffc51b
rgb(255,197,27)
-
#ffca2f
#ffca2f
rgb(255,202,47)
-
#ffcf43
#ffcf43
rgb(255,207,67)
-
#ffd456
#ffd456
rgb(255,212,86)
-
#ffd96a
#ffd96a
rgb(255,217,106)
-
#ffde7e
#ffde7e
rgb(255,222,126)
-
#ffe391
#ffe391
rgb(255,227,145)
-
#ffe8a5
#ffe8a5
rgb(255,232,165)
-
#ffedb8
#ffedb8
rgb(255,237,184)
-
#fff2cc
#fff2cc
rgb(255,242,204)
-
#fff7e0
#fff7e0
rgb(255,247,224)
-
#fffcf3
#fffcf3
rgb(255,252,243)
Tones of #cc9800
A tone is produced by adding gray to any pure hue. In this case, #6e6a5e is the less saturated color, while #cc9800 is the most saturated one.
-
#6e6a5e
#6e6a5e
rgb(110,106,94)
-
#766e56
#766e56
rgb(118,110,86)
-
#7e724e
#7e724e
rgb(126,114,78)
-
#857547
#857547
rgb(133,117,71)
-
#8d793f
#8d793f
rgb(141,121,63)
-
#957d37
#957d37
rgb(149,125,55)
-
#9d812f
#9d812f
rgb(157,129,47)
-
#a58527
#a58527
rgb(165,133,39)
-
#ad891f
#ad891f
rgb(173,137,31)
-
#b48c18
#b48c18
rgb(180,140,24)
-
#bc9010
#bc9010
rgb(188,144,16)
-
#c49408
#c49408
rgb(196,148,8)
-
#cc9800
#cc9800
rgb(204,152,0)
Color Blindness Simulator
Below, you can see how #cc9800 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.