#ccb22c Color Information
In a RGB color space, hex #ccb22c is composed of 80% red, 69.8% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.7% magenta, 78.4% yellow and 20% black. It has a hue angle of 50.3 degrees, a saturation of 64.5% and a lightness of 48.6%. #ccb22c color hex could be obtained by blending #ffff58 with #996500. Closest websafe color is: #cc9933.
-
- R 80
- G 70
- B 17
-
- C 0
- M 13
- Y 78
- K 20
● #ccb22c color description : Strong yellow.
#ccb22c Color Conversion
The hexadecimal color #ccb22c has RGB values of R:204, G:178, B:44 and CMYK values of C:0, M:0.13, Y:0.78, K:0.2. Its decimal value is 13414956.
Hex triplet | ccb22c | #ccb22c |
---|---|---|
RGB Decimal | 204, 178, 44 | rgb(204,178,44) |
RGB Percent | 80, 69.8, 17.3 | rgb(80%,69.8%,17.3%) |
CMYK | 0, 13, 78, 20 | |
HSL | 50.3°, 64.5, 48.6 | hsl(50.3,64.5%,48.6%) |
HSV (or HSB) | 50.3°, 78.4, 80 | |
Web Safe | cc9933 | #cc9933 |
CIE-LAB | 72.801, -4.12, 66.412 |
---|---|
XYZ | 41.277, 44.861, 8.868 |
xyY | 0.434, 0.472, 44.861 |
CIE-LCH | 72.801, 66.54, 93.55 |
CIE-LUV | 72.801, 23.697, 72.575 |
Hunter-Lab | 66.979, -7.208, 39.035 |
Binary | 11001100, 10110010, 00101100 |
Color Schemes with #ccb22c
Alternatives to #ccb22c
Below, you can see some colors close to #ccb22c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccb22c Preview
This text has a font color of #ccb22c.
<span style="color:#ccb22c;">Text here</span>
This paragraph has a background color of #ccb22c.
<p style="background-color:#ccb22c;">Content here</p>
This element has a border color of #ccb22c.
<div style="border:1px solid #ccb22c;">Content here</div>
.text {color:#ccb22c;}
.background {background-color:#ccb22c;}
.border {border:1px solid #ccb22c;}
Shades and Tints of #ccb22c
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, #0a0902 is the darkest color, while #fefdf9 is the lightest one.
-
#0a0902
#0a0902
rgb(10,9,2)
-
#1b1706
#1b1706
rgb(27,23,6)
-
#2b2509
#2b2509
rgb(43,37,9)
-
#3b330d
#3b330d
rgb(59,51,13)
-
#4b4110
#4b4110
rgb(75,65,16)
-
#5b4f14
#5b4f14
rgb(91,79,20)
-
#6b5e17
#6b5e17
rgb(107,94,23)
-
#7b6c1b
#7b6c1b
rgb(123,108,27)
-
#8b7a1e
#8b7a1e
rgb(139,122,30)
-
#9c8822
#9c8822
rgb(156,136,34)
-
#ac9625
#ac9625
rgb(172,150,37)
-
#bca429
#bca429
rgb(188,164,41)
-
#ccb22c
#ccb22c
rgb(204,178,44)
-
#d4bb38
#d4bb38
rgb(212,187,56)
-
#d7c048
#d7c048
rgb(215,192,72)
-
#dbc658
#dbc658
rgb(219,198,88)
-
#decb68
#decb68
rgb(222,203,104)
-
#e2d178
#e2d178
rgb(226,209,120)
-
#e5d688
#e5d688
rgb(229,214,136)
-
#e9dc98
#e9dc98
rgb(233,220,152)
-
#ece1a9
#ece1a9
rgb(236,225,169)
-
#f0e7b9
#f0e7b9
rgb(240,231,185)
-
#f3ecc9
#f3ecc9
rgb(243,236,201)
-
#f7f2d9
#f7f2d9
rgb(247,242,217)
-
#faf7e9
#faf7e9
rgb(250,247,233)
-
#fefdf9
#fefdf9
rgb(254,253,249)
Tones of #ccb22c
A tone is produced by adding gray to any pure hue. In this case, #807e78 is the less saturated color, while #f2cc06 is the most saturated one.
-
#807e78
#807e78
rgb(128,126,120)
-
#89856f
#89856f
rgb(137,133,111)
-
#938b65
#938b65
rgb(147,139,101)
-
#9c925c
#9c925c
rgb(156,146,92)
-
#a69852
#a69852
rgb(166,152,82)
-
#af9f49
#af9f49
rgb(175,159,73)
-
#b9a53f
#b9a53f
rgb(185,165,63)
-
#c2ac36
#c2ac36
rgb(194,172,54)
-
#ccb22c
#ccb22c
rgb(204,178,44)
-
#d6b822
#d6b822
rgb(214,184,34)
-
#dfbf19
#dfbf19
rgb(223,191,25)
-
#e9c50f
#e9c50f
rgb(233,197,15)
-
#f2cc06
#f2cc06
rgb(242,204,6)
Color Blindness Simulator
Below, you can see how #ccb22c 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.