#ccbb22 Color Information
In a RGB color space, hex #ccbb22 is composed of 80% red, 73.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 83.3% yellow and 20% black. It has a hue angle of 54 degrees, a saturation of 71.4% and a lightness of 46.7%. #ccbb22 color hex could be obtained by blending #ffff44 with #997700. Closest websafe color is: #cccc33.
-
- R 80
- G 73
- B 13
-
- C 0
- M 8
- Y 83
- K 20
● #ccbb22 color description : Strong yellow.
#ccbb22 Color Conversion
The hexadecimal color #ccbb22 has RGB values of R:204, G:187, B:34 and CMYK values of C:0, M:0.08, Y:0.83, K:0.2. Its decimal value is 13417250.
Hex triplet | ccbb22 | #ccbb22 |
---|---|---|
RGB Decimal | 204, 187, 34 | rgb(204,187,34) |
RGB Percent | 80, 73.3, 13.3 | rgb(80%,73.3%,13.3%) |
CMYK | 0, 8, 83, 20 | |
HSL | 54°, 71.4, 46.7 | hsl(54,71.4%,46.7%) |
HSV (or HSB) | 54°, 83.3, 80 | |
Web Safe | cccc33 | #cccc33 |
CIE-LAB | 75.136, -9.106, 71.284 |
---|---|
XYZ | 42.961, 48.495, 8.611 |
xyY | 0.429, 0.485, 48.495 |
CIE-LCH | 75.136, 71.863, 97.28 |
CIE-LUV | 75.136, 17.57, 77.969 |
Hunter-Lab | 69.638, -11.746, 41.416 |
Binary | 11001100, 10111011, 00100010 |
Color Schemes with #ccbb22
Alternatives to #ccbb22
Below, you can see some colors close to #ccbb22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccbb22 Preview
This text has a font color of #ccbb22.
<span style="color:#ccbb22;">Text here</span>
This paragraph has a background color of #ccbb22.
<p style="background-color:#ccbb22;">Content here</p>
This element has a border color of #ccbb22.
<div style="border:1px solid #ccbb22;">Content here</div>
.text {color:#ccbb22;}
.background {background-color:#ccbb22;}
.border {border:1px solid #ccbb22;}
Shades and Tints of #ccbb22
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, #020200 is the darkest color, while #fdfbf0 is the lightest one.
-
#020200
#020200
rgb(2,2,0)
-
#131103
#131103
rgb(19,17,3)
-
#242106
#242106
rgb(36,33,6)
-
#353009
#353009
rgb(53,48,9)
-
#45400c
#45400c
rgb(69,64,12)
-
#564f0e
#564f0e
rgb(86,79,14)
-
#675f11
#675f11
rgb(103,95,17)
-
#786e14
#786e14
rgb(120,110,20)
-
#897d17
#897d17
rgb(137,125,23)
-
#9a8d1a
#9a8d1a
rgb(154,141,26)
-
#aa9c1c
#aa9c1c
rgb(170,156,28)
-
#bbac1f
#bbac1f
rgb(187,172,31)
-
#ccbb22
#ccbb22
rgb(204,187,34)
-
#dbc927
#dbc927
rgb(219,201,39)
-
#decd37
#decd37
rgb(222,205,55)
-
#e1d148
#e1d148
rgb(225,209,72)
-
#e3d659
#e3d659
rgb(227,214,89)
-
#e6da6a
#e6da6a
rgb(230,218,106)
-
#e9de7b
#e9de7b
rgb(233,222,123)
-
#ece28c
#ece28c
rgb(236,226,140)
-
#efe69c
#efe69c
rgb(239,230,156)
-
#f1ebad
#f1ebad
rgb(241,235,173)
-
#f4efbe
#f4efbe
rgb(244,239,190)
-
#f7f3cf
#f7f3cf
rgb(247,243,207)
-
#faf7e0
#faf7e0
rgb(250,247,224)
-
#fdfbf0
#fdfbf0
rgb(253,251,240)
Tones of #ccbb22
A tone is produced by adding gray to any pure hue. In this case, #7a7974 is the less saturated color, while #e7d107 is the most saturated one.
-
#7a7974
#7a7974
rgb(122,121,116)
-
#83806b
#83806b
rgb(131,128,107)
-
#8c8862
#8c8862
rgb(140,136,98)
-
#958f59
#958f59
rgb(149,143,89)
-
#9e9650
#9e9650
rgb(158,150,80)
-
#a79e47
#a79e47
rgb(167,158,71)
-
#b1a53d
#b1a53d
rgb(177,165,61)
-
#baac34
#baac34
rgb(186,172,52)
-
#c3b42b
#c3b42b
rgb(195,180,43)
-
#ccbb22
#ccbb22
rgb(204,187,34)
-
#d5c219
#d5c219
rgb(213,194,25)
-
#deca10
#deca10
rgb(222,202,16)
-
#e7d107
#e7d107
rgb(231,209,7)
Color Blindness Simulator
Below, you can see how #ccbb22 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.