#ccc102 Color Information
In a RGB color space, hex #ccc102 is composed of 80% red, 75.7% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.4% magenta, 99% yellow and 20% black. It has a hue angle of 56.7 degrees, a saturation of 98.1% and a lightness of 40.4%. #ccc102 color hex could be obtained by blending #ffff04 with #998300. Closest websafe color is: #cccc00.
-
- R 80
- G 76
- B 1
-
- C 0
- M 5
- Y 99
- K 20
● #ccc102 color description : Strong yellow.
#ccc102 Color Conversion
The hexadecimal color #ccc102 has RGB values of R:204, G:193, B:2 and CMYK values of C:0, M:0.05, Y:0.99, K:0.2. Its decimal value is 13418754.
Hex triplet | ccc102 | #ccc102 |
---|---|---|
RGB Decimal | 204, 193, 2 | rgb(204,193,2) |
RGB Percent | 80, 75.7, 0.8 | rgb(80%,75.7%,0.8%) |
CMYK | 0, 5, 99, 20 | |
HSL | 56.7°, 98.1, 40.4 | hsl(56.7,98.1%,40.4%) |
HSV (or HSB) | 56.7°, 99, 80 | |
Web Safe | cccc00 | #cccc00 |
CIE-LAB | 76.669, -12.694, 77.494 |
---|---|
XYZ | 43.983, 50.983, 7.581 |
xyY | 0.429, 0.497, 50.983 |
CIE-LCH | 76.669, 78.527, 99.303 |
CIE-LUV | 76.669, 13.707, 83.236 |
Hunter-Lab | 71.402, -15, 43.686 |
Binary | 11001100, 11000001, 00000010 |
Color Schemes with #ccc102
Alternatives to #ccc102
Below, you can see some colors close to #ccc102. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc102 Preview
This text has a font color of #ccc102.
<span style="color:#ccc102;">Text here</span>
This paragraph has a background color of #ccc102.
<p style="background-color:#ccc102;">Content here</p>
This element has a border color of #ccc102.
<div style="border:1px solid #ccc102;">Content here</div>
.text {color:#ccc102;}
.background {background-color:#ccc102;}
.border {border:1px solid #ccc102;}
Shades and Tints of #ccc102
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, #0a0900 is the darkest color, while #fffef5 is the lightest one.
-
#0a0900
#0a0900
rgb(10,9,0)
-
#1d1c00
#1d1c00
rgb(29,28,0)
-
#312e00
#312e00
rgb(49,46,0)
-
#444001
#444001
rgb(68,64,1)
-
#575301
#575301
rgb(87,83,1)
-
#6b6501
#6b6501
rgb(107,101,1)
-
#7e7701
#7e7701
rgb(126,119,1)
-
#928a01
#928a01
rgb(146,138,1)
-
#a59c02
#a59c02
rgb(165,156,2)
-
#b9af02
#b9af02
rgb(185,175,2)
-
#ccc102
#ccc102
rgb(204,193,2)
-
#dfd302
#dfd302
rgb(223,211,2)
-
#f3e602
#f3e602
rgb(243,230,2)
-
#fdf00c
#fdf00c
rgb(253,240,12)
-
#fdf120
#fdf120
rgb(253,241,32)
-
#fdf233
#fdf233
rgb(253,242,51)
-
#fdf347
#fdf347
rgb(253,243,71)
-
#fdf45a
#fdf45a
rgb(253,244,90)
-
#fef66d
#fef66d
rgb(254,246,109)
-
#fef781
#fef781
rgb(254,247,129)
-
#fef894
#fef894
rgb(254,248,148)
-
#fef9a8
#fef9a8
rgb(254,249,168)
-
#fefbbb
#fefbbb
rgb(254,251,187)
-
#fffcce
#fffcce
rgb(255,252,206)
-
#fffde2
#fffde2
rgb(255,253,226)
-
#fffef5
#fffef5
rgb(255,254,245)
Tones of #ccc102
A tone is produced by adding gray to any pure hue. In this case, #6d6c61 is the less saturated color, while #ccc102 is the most saturated one.
-
#6d6c61
#6d6c61
rgb(109,108,97)
-
#757359
#757359
rgb(117,115,89)
-
#7d7a51
#7d7a51
rgb(125,122,81)
-
#858149
#858149
rgb(133,129,73)
-
#8d8941
#8d8941
rgb(141,137,65)
-
#959039
#959039
rgb(149,144,57)
-
#9c9732
#9c9732
rgb(156,151,50)
-
#a49e2a
#a49e2a
rgb(164,158,42)
-
#aca522
#aca522
rgb(172,165,34)
-
#b4ac1a
#b4ac1a
rgb(180,172,26)
-
#bcb312
#bcb312
rgb(188,179,18)
-
#c4ba0a
#c4ba0a
rgb(196,186,10)
-
#ccc102
#ccc102
rgb(204,193,2)
Color Blindness Simulator
Below, you can see how #ccc102 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.