#ccc30f Color Information
In a RGB color space, hex #ccc30f is composed of 80% red, 76.5% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 92.6% yellow and 20% black. It has a hue angle of 57.1 degrees, a saturation of 86.3% and a lightness of 42.9%. #ccc30f color hex could be obtained by blending #ffff1e with #998700. Closest websafe color is: #cccc00.
-
- R 80
- G 76
- B 6
-
- C 0
- M 4
- Y 93
- K 20
● #ccc30f color description : Strong yellow.
#ccc30f Color Conversion
The hexadecimal color #ccc30f has RGB values of R:204, G:195, B:15 and CMYK values of C:0, M:0.04, Y:0.93, K:0.2. Its decimal value is 13419279.
Hex triplet | ccc30f | #ccc30f |
---|---|---|
RGB Decimal | 204, 195, 15 | rgb(204,195,15) |
RGB Percent | 80, 76.5, 5.9 | rgb(80%,76.5%,5.9%) |
CMYK | 0, 4, 93, 20 | |
HSL | 57.1°, 86.3, 42.9 | hsl(57.1,86.3%,42.9%) |
HSV (or HSB) | 57.1°, 92.6, 80 | |
Web Safe | cccc00 | #cccc00 |
CIE-LAB | 77.223, -13.564, 76.525 |
---|---|
XYZ | 44.503, 51.903, 8.126 |
xyY | 0.426, 0.497, 51.903 |
CIE-LCH | 77.223, 77.717, 100.051 |
CIE-LUV | 77.223, 12.271, 83.217 |
Hunter-Lab | 72.044, -15.812, 43.743 |
Binary | 11001100, 11000011, 00001111 |
Color Schemes with #ccc30f
Alternatives to #ccc30f
Below, you can see some colors close to #ccc30f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc30f Preview
This text has a font color of #ccc30f.
<span style="color:#ccc30f;">Text here</span>
This paragraph has a background color of #ccc30f.
<p style="background-color:#ccc30f;">Content here</p>
This element has a border color of #ccc30f.
<div style="border:1px solid #ccc30f;">Content here</div>
.text {color:#ccc30f;}
.background {background-color:#ccc30f;}
.border {border:1px solid #ccc30f;}
Shades and Tints of #ccc30f
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, #030300 is the darkest color, while #fefdf0 is the lightest one.
-
#030300
#030300
rgb(3,3,0)
-
#151402
#151402
rgb(21,20,2)
-
#282603
#282603
rgb(40,38,3)
-
#3a3704
#3a3704
rgb(58,55,4)
-
#4c4906
#4c4906
rgb(76,73,6)
-
#5e5a07
#5e5a07
rgb(94,90,7)
-
#716c08
#716c08
rgb(113,108,8)
-
#837d0a
#837d0a
rgb(131,125,10)
-
#958f0b
#958f0b
rgb(149,143,11)
-
#a7a00c
#a7a00c
rgb(167,160,12)
-
#bab20e
#bab20e
rgb(186,178,14)
-
#ccc30f
#ccc30f
rgb(204,195,15)
-
#ded410
#ded410
rgb(222,212,16)
-
#eee314
#eee314
rgb(238,227,20)
-
#efe627
#efe627
rgb(239,230,39)
-
#f0e839
#f0e839
rgb(240,232,57)
-
#f2ea4b
#f2ea4b
rgb(242,234,75)
-
#f3ec5e
#f3ec5e
rgb(243,236,94)
-
#f4ee70
#f4ee70
rgb(244,238,112)
-
#f6f082
#f6f082
rgb(246,240,130)
-
#f7f294
#f7f294
rgb(247,242,148)
-
#f9f5a7
#f9f5a7
rgb(249,245,167)
-
#faf7b9
#faf7b9
rgb(250,247,185)
-
#fbf9cb
#fbf9cb
rgb(251,249,203)
-
#fdfbdd
#fdfbdd
rgb(253,251,221)
-
#fefdf0
#fefdf0
rgb(254,253,240)
Tones of #ccc30f
A tone is produced by adding gray to any pure hue. In this case, #6f6f6c is the less saturated color, while #d4cb07 is the most saturated one.
-
#6f6f6c
#6f6f6c
rgb(111,111,108)
-
#787763
#787763
rgb(120,119,99)
-
#807e5b
#807e5b
rgb(128,126,91)
-
#898652
#898652
rgb(137,134,82)
-
#918e4a
#918e4a
rgb(145,142,74)
-
#999542
#999542
rgb(153,149,66)
-
#a29d39
#a29d39
rgb(162,157,57)
-
#aaa531
#aaa531
rgb(170,165,49)
-
#b3ac28
#b3ac28
rgb(179,172,40)
-
#bbb420
#bbb420
rgb(187,180,32)
-
#c4bb17
#c4bb17
rgb(196,187,23)
-
#ccc30f
#ccc30f
rgb(204,195,15)
-
#d4cb07
#d4cb07
rgb(212,203,7)
Color Blindness Simulator
Below, you can see how #ccc30f 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.