#ccbb23 Color Information
In a RGB color space, hex #ccbb23 is composed of 80% red, 73.3% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 82.8% yellow and 20% black. It has a hue angle of 54 degrees, a saturation of 70.7% and a lightness of 46.9%. #ccbb23 color hex could be obtained by blending #ffff46 with #997700. Closest websafe color is: #cccc33.
-
- R 80
- G 73
- B 14
-
- C 0
- M 8
- Y 83
- K 20
● #ccbb23 color description : Strong yellow.
#ccbb23 Color Conversion
The hexadecimal color #ccbb23 has RGB values of R:204, G:187, B:35 and CMYK values of C:0, M:0.08, Y:0.83, K:0.2. Its decimal value is 13417251.
Hex triplet | ccbb23 | #ccbb23 |
---|---|---|
RGB Decimal | 204, 187, 35 | rgb(204,187,35) |
RGB Percent | 80, 73.3, 13.7 | rgb(80%,73.3%,13.7%) |
CMYK | 0, 8, 83, 20 | |
HSL | 54°, 70.7, 46.9 | hsl(54,70.7%,46.9%) |
HSV (or HSB) | 54°, 82.8, 80 | |
Web Safe | cccc33 | #cccc33 |
CIE-LAB | 75.14, -9.078, 71.035 |
---|---|
XYZ | 42.976, 48.501, 8.688 |
xyY | 0.429, 0.484, 48.501 |
CIE-LCH | 75.14, 71.613, 97.283 |
CIE-LUV | 75.14, 17.554, 77.813 |
Hunter-Lab | 69.642, -11.723, 41.353 |
Binary | 11001100, 10111011, 00100011 |
Color Schemes with #ccbb23
Alternatives to #ccbb23
Below, you can see some colors close to #ccbb23. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccbb23 Preview
This text has a font color of #ccbb23.
<span style="color:#ccbb23;">Text here</span>
This paragraph has a background color of #ccbb23.
<p style="background-color:#ccbb23;">Content here</p>
This element has a border color of #ccbb23.
<div style="border:1px solid #ccbb23;">Content here</div>
.text {color:#ccbb23;}
.background {background-color:#ccbb23;}
.border {border:1px solid #ccbb23;}
Shades and Tints of #ccbb23
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, #030301 is the darkest color, while #fdfcf1 is the lightest one.
-
#030301
#030301
rgb(3,3,1)
-
#141203
#141203
rgb(20,18,3)
-
#252206
#252206
rgb(37,34,6)
-
#353109
#353109
rgb(53,49,9)
-
#46400c
#46400c
rgb(70,64,12)
-
#57500f
#57500f
rgb(87,80,15)
-
#685f12
#685f12
rgb(104,95,18)
-
#786e15
#786e15
rgb(120,110,21)
-
#897e18
#897e18
rgb(137,126,24)
-
#9a8d1a
#9a8d1a
rgb(154,141,26)
-
#ab9c1d
#ab9c1d
rgb(171,156,29)
-
#bbac20
#bbac20
rgb(187,172,32)
-
#ccbb23
#ccbb23
rgb(204,187,35)
-
#dac828
#dac828
rgb(218,200,40)
-
#ddcd39
#ddcd39
rgb(221,205,57)
-
#e0d14a
#e0d14a
rgb(224,209,74)
-
#e3d55b
#e3d55b
rgb(227,213,91)
-
#e6d96b
#e6d96b
rgb(230,217,107)
-
#e9de7c
#e9de7c
rgb(233,222,124)
-
#ebe28d
#ebe28d
rgb(235,226,141)
-
#eee69e
#eee69e
rgb(238,230,158)
-
#f1eaae
#f1eaae
rgb(241,234,174)
-
#f4efbf
#f4efbf
rgb(244,239,191)
-
#f7f3d0
#f7f3d0
rgb(247,243,208)
-
#faf7e1
#faf7e1
rgb(250,247,225)
-
#fdfcf1
#fdfcf1
rgb(253,252,241)
Tones of #ccbb23
A tone is produced by adding gray to any pure hue. In this case, #797976 is the less saturated color, while #e8d107 is the most saturated one.
-
#797976
#797976
rgb(121,121,118)
-
#82806d
#82806d
rgb(130,128,109)
-
#8c8863
#8c8863
rgb(140,136,99)
-
#958f5a
#958f5a
rgb(149,143,90)
-
#9e9651
#9e9651
rgb(158,150,81)
-
#a79e48
#a79e48
rgb(167,158,72)
-
#b0a53f
#b0a53f
rgb(176,165,63)
-
#baac35
#baac35
rgb(186,172,53)
-
#c3b42c
#c3b42c
rgb(195,180,44)
-
#ccbb23
#ccbb23
rgb(204,187,35)
-
#d5c21a
#d5c21a
rgb(213,194,26)
-
#deca11
#deca11
rgb(222,202,17)
-
#e8d107
#e8d107
rgb(232,209,7)
Color Blindness Simulator
Below, you can see how #ccbb23 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.