#ccc107 Color Information
In a RGB color space, hex #ccc107 is composed of 80% red, 75.7% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.4% magenta, 96.6% yellow and 20% black. It has a hue angle of 56.6 degrees, a saturation of 93.4% and a lightness of 41.4%. #ccc107 color hex could be obtained by blending #ffff0e with #998300. Closest websafe color is: #cccc00.
-
- R 80
- G 76
- B 3
-
- C 0
- M 5
- Y 97
- K 20
● #ccc107 color description : Strong yellow.
#ccc107 Color Conversion
The hexadecimal color #ccc107 has RGB values of R:204, G:193, B:7 and CMYK values of C:0, M:0.05, Y:0.97, K:0.2. Its decimal value is 13418759.
Hex triplet | ccc107 | #ccc107 |
---|---|---|
RGB Decimal | 204, 193, 7 | rgb(204,193,7) |
RGB Percent | 80, 75.7, 2.7 | rgb(80%,75.7%,2.7%) |
CMYK | 0, 5, 97, 20 | |
HSL | 56.6°, 93.4, 41.4 | hsl(56.6,93.4%,41.4%) |
HSV (or HSB) | 56.6°, 96.6, 80 | |
Web Safe | cccc00 | #cccc00 |
CIE-LAB | 76.675, -12.642, 76.987 |
---|---|
XYZ | 44.01, 50.994, 7.726 |
xyY | 0.428, 0.496, 50.994 |
CIE-LCH | 76.675, 78.018, 99.325 |
CIE-LUV | 76.675, 13.681, 82.949 |
Hunter-Lab | 71.41, -14.956, 43.573 |
Binary | 11001100, 11000001, 00000111 |
Color Schemes with #ccc107
Alternatives to #ccc107
Below, you can see some colors close to #ccc107. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc107 Preview
This text has a font color of #ccc107.
<span style="color:#ccc107;">Text here</span>
This paragraph has a background color of #ccc107.
<p style="background-color:#ccc107;">Content here</p>
This element has a border color of #ccc107.
<div style="border:1px solid #ccc107;">Content here</div>
.text {color:#ccc107;}
.background {background-color:#ccc107;}
.border {border:1px solid #ccc107;}
Shades and Tints of #ccc107
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, #0e0e00 is the darkest color, while #fffffa is the lightest one.
-
#0e0e00
#0e0e00
rgb(14,14,0)
-
#212001
#212001
rgb(33,32,1)
-
#343102
#343102
rgb(52,49,2)
-
#474302
#474302
rgb(71,67,2)
-
#5a5503
#5a5503
rgb(90,85,3)
-
#6d6704
#6d6704
rgb(109,103,4)
-
#807904
#807904
rgb(128,121,4)
-
#938b05
#938b05
rgb(147,139,5)
-
#a69d06
#a69d06
rgb(166,157,6)
-
#b9af06
#b9af06
rgb(185,175,6)
-
#ccc107
#ccc107
rgb(204,193,7)
-
#dfd308
#dfd308
rgb(223,211,8)
-
#f2e508
#f2e508
rgb(242,229,8)
-
#f7eb17
#f7eb17
rgb(247,235,23)
-
#f8ec2a
#f8ec2a
rgb(248,236,42)
-
#f8ee3d
#f8ee3d
rgb(248,238,61)
-
#f9f050
#f9f050
rgb(249,240,80)
-
#faf163
#faf163
rgb(250,241,99)
-
#faf376
#faf376
rgb(250,243,118)
-
#fbf589
#fbf589
rgb(251,245,137)
-
#fcf69c
#fcf69c
rgb(252,246,156)
-
#fcf8af
#fcf8af
rgb(252,248,175)
-
#fdfac1
#fdfac1
rgb(253,250,193)
-
#fefbd4
#fefbd4
rgb(254,251,212)
-
#fefde7
#fefde7
rgb(254,253,231)
-
#fffffa
#fffffa
rgb(255,255,250)
Tones of #ccc107
A tone is produced by adding gray to any pure hue. In this case, #6b6a68 is the less saturated color, while #ccc107 is the most saturated one.
-
#6b6a68
#6b6a68
rgb(107,106,104)
-
#737260
#737260
rgb(115,114,96)
-
#7b7958
#7b7958
rgb(123,121,88)
-
#838050
#838050
rgb(131,128,80)
-
#8b8748
#8b8748
rgb(139,135,72)
-
#938f40
#938f40
rgb(147,143,64)
-
#9b9638
#9b9638
rgb(155,150,56)
-
#a39d30
#a39d30
rgb(163,157,48)
-
#aca427
#aca427
rgb(172,164,39)
-
#b4ab1f
#b4ab1f
rgb(180,171,31)
-
#bcb317
#bcb317
rgb(188,179,23)
-
#c4ba0f
#c4ba0f
rgb(196,186,15)
-
#ccc107
#ccc107
rgb(204,193,7)
Color Blindness Simulator
Below, you can see how #ccc107 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.