#ccbc30 Color Information
In a RGB color space, hex #ccbc30 is composed of 80% red, 73.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.8% magenta, 76.5% yellow and 20% black. It has a hue angle of 53.8 degrees, a saturation of 61.9% and a lightness of 49.4%. #ccbc30 color hex could be obtained by blending #ffff60 with #997900. Closest websafe color is: #cccc33.
-
- R 80
- G 74
- B 19
-
- C 0
- M 8
- Y 76
- K 20
● #ccbc30 color description : Strong yellow.
#ccbc30 Color Conversion
The hexadecimal color #ccbc30 has RGB values of R:204, G:188, B:48 and CMYK values of C:0, M:0.08, Y:0.76, K:0.2. Its decimal value is 13417520.
Hex triplet | ccbc30 | #ccbc30 |
---|---|---|
RGB Decimal | 204, 188, 48 | rgb(204,188,48) |
RGB Percent | 80, 73.7, 18.8 | rgb(80%,73.7%,18.8%) |
CMYK | 0, 8, 76, 20 | |
HSL | 53.8°, 61.9, 49.4 | hsl(53.8,61.9%,49.4%) |
HSV (or HSB) | 53.8°, 76.5, 80 | |
Web Safe | cccc33 | #cccc33 |
CIE-LAB | 75.463, -9.157, 67.548 |
---|---|
XYZ | 43.419, 49.018, 9.971 |
xyY | 0.424, 0.479, 49.018 |
CIE-LCH | 75.463, 68.165, 97.72 |
CIE-LUV | 75.463, 16.622, 75.785 |
Hunter-Lab | 70.013, -11.826, 40.566 |
Binary | 11001100, 10111100, 00110000 |
Color Schemes with #ccbc30
Alternatives to #ccbc30
Below, you can see some colors close to #ccbc30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccbc30 Preview
This text has a font color of #ccbc30.
<span style="color:#ccbc30;">Text here</span>
This paragraph has a background color of #ccbc30.
<p style="background-color:#ccbc30;">Content here</p>
This element has a border color of #ccbc30.
<div style="border:1px solid #ccbc30;">Content here</div>
.text {color:#ccbc30;}
.background {background-color:#ccbc30;}
.border {border:1px solid #ccbc30;}
Shades and Tints of #ccbc30
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, #0d0c03 is the darkest color, while #fefefd is the lightest one.
-
#0d0c03
#0d0c03
rgb(13,12,3)
-
#1d1b07
#1d1b07
rgb(29,27,7)
-
#2d2a0b
#2d2a0b
rgb(45,42,11)
-
#3d380e
#3d380e
rgb(61,56,14)
-
#4d4712
#4d4712
rgb(77,71,18)
-
#5d5616
#5d5616
rgb(93,86,22)
-
#6d641a
#6d641a
rgb(109,100,26)
-
#7d731d
#7d731d
rgb(125,115,29)
-
#8c8121
#8c8121
rgb(140,129,33)
-
#9c9025
#9c9025
rgb(156,144,37)
-
#ac9f29
#ac9f29
rgb(172,159,41)
-
#bcad2c
#bcad2c
rgb(188,173,44)
-
#ccbc30
#ccbc30
rgb(204,188,48)
-
#d2c23e
#d2c23e
rgb(210,194,62)
-
#d5c74e
#d5c74e
rgb(213,199,78)
-
#d9cc5e
#d9cc5e
rgb(217,204,94)
-
#ddd16e
#ddd16e
rgb(221,209,110)
-
#e1d67e
#e1d67e
rgb(225,214,126)
-
#e4db8d
#e4db8d
rgb(228,219,141)
-
#e8e09d
#e8e09d
rgb(232,224,157)
-
#ece5ad
#ece5ad
rgb(236,229,173)
-
#efeabd
#efeabd
rgb(239,234,189)
-
#f3efcd
#f3efcd
rgb(243,239,205)
-
#f7f4dd
#f7f4dd
rgb(247,244,221)
-
#fbf9ed
#fbf9ed
rgb(251,249,237)
-
#fefefd
#fefefd
rgb(254,254,253)
Tones of #ccbc30
A tone is produced by adding gray to any pure hue. In this case, #7e7e7e is the less saturated color, while #f3db09 is the most saturated one.
-
#7e7e7e
#7e7e7e
rgb(126,126,126)
-
#888674
#888674
rgb(136,134,116)
-
#928e6a
#928e6a
rgb(146,142,106)
-
#9c9560
#9c9560
rgb(156,149,96)
-
#a59d57
#a59d57
rgb(165,157,87)
-
#afa54d
#afa54d
rgb(175,165,77)
-
#b9ad43
#b9ad43
rgb(185,173,67)
-
#c2b43a
#c2b43a
rgb(194,180,58)
-
#ccbc30
#ccbc30
rgb(204,188,48)
-
#d6c426
#d6c426
rgb(214,196,38)
-
#dfcb1d
#dfcb1d
rgb(223,203,29)
-
#e9d313
#e9d313
rgb(233,211,19)
-
#f3db09
#f3db09
rgb(243,219,9)
Color Blindness Simulator
Below, you can see how #ccbc30 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.