#ccaa00 Color Information
In a RGB color space, hex #ccaa00 is composed of 80% red, 66.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.7% magenta, 100% yellow and 20% black. It has a hue angle of 50 degrees, a saturation of 100% and a lightness of 40%. #ccaa00 color hex could be obtained by blending #ffff00 with #995500. Closest websafe color is: #cc9900.
-
- R 80
- G 67
- B 0
-
- C 0
- M 17
- Y 100
- K 20
● #ccaa00 color description : Strong yellow.
#ccaa00 Color Conversion
The hexadecimal color #ccaa00 has RGB values of R:204, G:170, B:0 and CMYK values of C:0, M:0.17, Y:1, K:0.2. Its decimal value is 13412864.
Hex triplet | ccaa00 | #ccaa00 |
---|---|---|
RGB Decimal | 204, 170, 0 | rgb(204,170,0) |
RGB Percent | 80, 66.7, 0 | rgb(80%,66.7%,0%) |
CMYK | 0, 17, 100, 20 | |
HSL | 50°, 100, 40 | hsl(50,100%,40%) |
HSV (or HSB) | 50°, 100, 80 | |
Web Safe | cc9900 | #cc9900 |
CIE-LAB | 70.586, -0.793, 73.355 |
---|---|
XYZ | 39.277, 41.589, 5.959 |
xyY | 0.452, 0.479, 41.589 |
CIE-LCH | 70.586, 73.359, 90.619 |
CIE-LUV | 70.586, 30.162, 74.609 |
Hunter-Lab | 64.489, -4.14, 39.664 |
Binary | 11001100, 10101010, 00000000 |
Color Schemes with #ccaa00
Alternatives to #ccaa00
Below, you can see some colors close to #ccaa00. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccaa00 Preview
This text has a font color of #ccaa00.
<span style="color:#ccaa00;">Text here</span>
This paragraph has a background color of #ccaa00.
<p style="background-color:#ccaa00;">Content here</p>
This element has a border color of #ccaa00.
<div style="border:1px solid #ccaa00;">Content here</div>
.text {color:#ccaa00;}
.background {background-color:#ccaa00;}
.border {border:1px solid #ccaa00;}
Shades and Tints of #ccaa00
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, #080700 is the darkest color, while #fffdf3 is the lightest one.
-
#080700
#080700
rgb(8,7,0)
-
#1b1700
#1b1700
rgb(27,23,0)
-
#2f2700
#2f2700
rgb(47,39,0)
-
#433800
#433800
rgb(67,56,0)
-
#564800
#564800
rgb(86,72,0)
-
#6a5800
#6a5800
rgb(106,88,0)
-
#7e6900
#7e6900
rgb(126,105,0)
-
#917900
#917900
rgb(145,121,0)
-
#a58900
#a58900
rgb(165,137,0)
-
#b89a00
#b89a00
rgb(184,154,0)
-
#ccaa00
#ccaa00
rgb(204,170,0)
-
#e0ba00
#e0ba00
rgb(224,186,0)
-
#f3cb00
#f3cb00
rgb(243,203,0)
-
#ffd608
#ffd608
rgb(255,214,8)
-
#ffd91b
#ffd91b
rgb(255,217,27)
-
#ffdc2f
#ffdc2f
rgb(255,220,47)
-
#ffe043
#ffe043
rgb(255,224,67)
-
#ffe356
#ffe356
rgb(255,227,86)
-
#ffe66a
#ffe66a
rgb(255,230,106)
-
#ffe97e
#ffe97e
rgb(255,233,126)
-
#ffed91
#ffed91
rgb(255,237,145)
-
#fff0a5
#fff0a5
rgb(255,240,165)
-
#fff3b8
#fff3b8
rgb(255,243,184)
-
#fff7cc
#fff7cc
rgb(255,247,204)
-
#fffae0
#fffae0
rgb(255,250,224)
-
#fffdf3
#fffdf3
rgb(255,253,243)
Tones of #ccaa00
A tone is produced by adding gray to any pure hue. In this case, #6e6b5e is the less saturated color, while #ccaa00 is the most saturated one.
-
#6e6b5e
#6e6b5e
rgb(110,107,94)
-
#767056
#767056
rgb(118,112,86)
-
#7e764e
#7e764e
rgb(126,118,78)
-
#857b47
#857b47
rgb(133,123,71)
-
#8d803f
#8d803f
rgb(141,128,63)
-
#958537
#958537
rgb(149,133,55)
-
#9d8b2f
#9d8b2f
rgb(157,139,47)
-
#a59027
#a59027
rgb(165,144,39)
-
#ad951f
#ad951f
rgb(173,149,31)
-
#b49a18
#b49a18
rgb(180,154,24)
-
#bca010
#bca010
rgb(188,160,16)
-
#c4a508
#c4a508
rgb(196,165,8)
-
#ccaa00
#ccaa00
rgb(204,170,0)
Color Blindness Simulator
Below, you can see how #ccaa00 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.