#ccc504 Color Information
In a RGB color space, hex #ccc504 is composed of 80% red, 77.3% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.4% magenta, 98% yellow and 20% black. It has a hue angle of 57.9 degrees, a saturation of 96.2% and a lightness of 40.8%. #ccc504 color hex could be obtained by blending #ffff08 with #998b00. Closest websafe color is: #cccc00.
-
- R 80
- G 77
- B 2
-
- C 0
- M 3
- Y 98
- K 20
● #ccc504 color description : Strong yellow.
#ccc504 Color Conversion
The hexadecimal color #ccc504 has RGB values of R:204, G:197, B:4 and CMYK values of C:0, M:0.03, Y:0.98, K:0.2. Its decimal value is 13419780.
Hex triplet | ccc504 | #ccc504 |
---|---|---|
RGB Decimal | 204, 197, 4 | rgb(204,197,4) |
RGB Percent | 80, 77.3, 1.6 | rgb(80%,77.3%,1.6%) |
CMYK | 0, 3, 98, 20 | |
HSL | 57.9°, 96.2, 40.8 | hsl(57.9,96.2%,40.8%) |
HSV (or HSB) | 57.9°, 98, 80 | |
Web Safe | cccc00 | #cccc00 |
CIE-LAB | 77.745, -14.691, 78.08 |
---|---|
XYZ | 44.89, 52.78, 7.938 |
xyY | 0.425, 0.5, 52.78 |
CIE-LCH | 77.745, 79.45, 100.656 |
CIE-LUV | 77.745, 10.971, 84.648 |
Hunter-Lab | 72.65, -16.841, 44.377 |
Binary | 11001100, 11000101, 00000100 |
Color Schemes with #ccc504
Alternatives to #ccc504
Below, you can see some colors close to #ccc504. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc504 Preview
This text has a font color of #ccc504.
<span style="color:#ccc504;">Text here</span>
This paragraph has a background color of #ccc504.
<p style="background-color:#ccc504;">Content here</p>
This element has a border color of #ccc504.
<div style="border:1px solid #ccc504;">Content here</div>
.text {color:#ccc504;}
.background {background-color:#ccc504;}
.border {border:1px solid #ccc504;}
Shades and Tints of #ccc504
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, #0c0b00 is the darkest color, while #fffff7 is the lightest one.
-
#0c0b00
#0c0b00
rgb(12,11,0)
-
#1f1e01
#1f1e01
rgb(31,30,1)
-
#323001
#323001
rgb(50,48,1)
-
#454301
#454301
rgb(69,67,1)
-
#595602
#595602
rgb(89,86,2)
-
#6c6802
#6c6802
rgb(108,104,2)
-
#7f7b02
#7f7b02
rgb(127,123,2)
-
#928d03
#928d03
rgb(146,141,3)
-
#a6a003
#a6a003
rgb(166,160,3)
-
#b9b204
#b9b204
rgb(185,178,4)
-
#ccc504
#ccc504
rgb(204,197,4)
-
#dfd804
#dfd804
rgb(223,216,4)
-
#f2ea05
#f2ea05
rgb(242,234,5)
-
#faf211
#faf211
rgb(250,242,17)
-
#fbf324
#fbf324
rgb(251,243,36)
-
#fbf437
#fbf437
rgb(251,244,55)
-
#fbf54a
#fbf54a
rgb(251,245,74)
-
#fcf65d
#fcf65d
rgb(252,246,93)
-
#fcf771
#fcf771
rgb(252,247,113)
-
#fdf884
#fdf884
rgb(253,248,132)
-
#fdf997
#fdf997
rgb(253,249,151)
-
#fdfaaa
#fdfaaa
rgb(253,250,170)
-
#fefbbe
#fefbbe
rgb(254,251,190)
-
#fefdd1
#fefdd1
rgb(254,253,209)
-
#fefee4
#fefee4
rgb(254,254,228)
-
#fffff7
#fffff7
rgb(255,255,247)
Tones of #ccc504
A tone is produced by adding gray to any pure hue. In this case, #6c6c64 is the less saturated color, while #ccc504 is the most saturated one.
-
#6c6c64
#6c6c64
rgb(108,108,100)
-
#74735c
#74735c
rgb(116,115,92)
-
#7c7b54
#7c7b54
rgb(124,123,84)
-
#84824c
#84824c
rgb(132,130,76)
-
#8c8944
#8c8944
rgb(140,137,68)
-
#94913c
#94913c
rgb(148,145,60)
-
#9c9834
#9c9834
rgb(156,152,52)
-
#a4a02c
#a4a02c
rgb(164,160,44)
-
#aca724
#aca724
rgb(172,167,36)
-
#b4af1c
#b4af1c
rgb(180,175,28)
-
#bcb614
#bcb614
rgb(188,182,20)
-
#c4be0c
#c4be0c
rgb(196,190,12)
-
#ccc504
#ccc504
rgb(204,197,4)
Color Blindness Simulator
Below, you can see how #ccc504 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.