#ccff04 Color Information
In a RGB color space, hex #ccff04 is composed of 80% red, 100% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 98.4% yellow and 0% black. It has a hue angle of 72.2 degrees, a saturation of 100% and a lightness of 50.8%. #ccff04 color hex could be obtained by blending #ffff08 with #99ff00. Closest websafe color is: #ccff00.
-
- R 80
- G 100
- B 2
-
- C 20
- M 0
- Y 98
- K 0
● #ccff04 color description : Vivid yellow.
#ccff04 Color Conversion
The hexadecimal color #ccff04 has RGB values of R:204, G:255, B:4 and CMYK values of C:0.2, M:0, Y:0.98, K:0. Its decimal value is 13434628.
Hex triplet | ccff04 | #ccff04 |
---|---|---|
RGB Decimal | 204, 255, 4 | rgb(204,255,4) |
RGB Percent | 80, 100, 1.6 | rgb(80%,100%,1.6%) |
CMYK | 20, 0, 98, 0 | |
HSL | 72.2°, 100, 50.8 | hsl(72.2,100%,50.8%) |
HSV (or HSB) | 72.2°, 98.4, 100 | |
Web Safe | ccff00 | #ccff00 |
CIE-LAB | 93.609, -41.913, 89.991 |
---|---|
XYZ | 60.683, 84.365, 13.202 |
xyY | 0.383, 0.533, 84.365 |
CIE-LCH | 93.609, 99.273, 114.973 |
CIE-LUV | 93.609, -24.477, 106.608 |
Hunter-Lab | 91.851, -42.809, 55.773 |
Binary | 11001100, 11111111, 00000100 |
Color Schemes with #ccff04
Alternatives to #ccff04
Below, you can see some colors close to #ccff04. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccff04 Preview
This text has a font color of #ccff04.
<span style="color:#ccff04;">Text here</span>
This paragraph has a background color of #ccff04.
<p style="background-color:#ccff04;">Content here</p>
This element has a border color of #ccff04.
<div style="border:1px solid #ccff04;">Content here</div>
.text {color:#ccff04;}
.background {background-color:#ccff04;}
.border {border:1px solid #ccff04;}
Shades and Tints of #ccff04
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, #030400 is the darkest color, while #fcffef is the lightest one.
-
#030400
#030400
rgb(3,4,0)
-
#131800
#131800
rgb(19,24,0)
-
#222b00
#222b00
rgb(34,43,0)
-
#323f00
#323f00
rgb(50,63,0)
-
#425200
#425200
rgb(66,82,0)
-
#516600
#516600
rgb(81,102,0)
-
#617a00
#617a00
rgb(97,122,0)
-
#718d00
#718d00
rgb(113,141,0)
-
#80a100
#80a100
rgb(128,161,0)
-
#90b500
#90b500
rgb(144,181,0)
-
#9fc800
#9fc800
rgb(159,200,0)
-
#afdc00
#afdc00
rgb(175,220,0)
-
#bfef00
#bfef00
rgb(191,239,0)
-
#ccff04
#ccff04
rgb(204,255,4)
-
#d0ff18
#d0ff18
rgb(208,255,24)
-
#d4ff2b
#d4ff2b
rgb(212,255,43)
-
#d8ff3f
#d8ff3f
rgb(216,255,63)
-
#dcff52
#dcff52
rgb(220,255,82)
-
#e0ff66
#e0ff66
rgb(224,255,102)
-
#e4ff7a
#e4ff7a
rgb(228,255,122)
-
#e8ff8d
#e8ff8d
rgb(232,255,141)
-
#ecffa1
#ecffa1
rgb(236,255,161)
-
#f0ffb5
#f0ffb5
rgb(240,255,181)
-
#f4ffc8
#f4ffc8
rgb(244,255,200)
-
#f8ffdc
#f8ffdc
rgb(248,255,220)
-
#fcffef
#fcffef
rgb(252,255,239)
Tones of #ccff04
A tone is produced by adding gray to any pure hue. In this case, #878b78 is the less saturated color, while #ccff04 is the most saturated one.
-
#878b78
#878b78
rgb(135,139,120)
-
#8d956e
#8d956e
rgb(141,149,110)
-
#939e65
#939e65
rgb(147,158,101)
-
#98a85b
#98a85b
rgb(152,168,91)
-
#9eb251
#9eb251
rgb(158,178,81)
-
#a4bb48
#a4bb48
rgb(164,187,72)
-
#aac53e
#aac53e
rgb(170,197,62)
-
#afcf34
#afcf34
rgb(175,207,52)
-
#b5d82b
#b5d82b
rgb(181,216,43)
-
#bbe221
#bbe221
rgb(187,226,33)
-
#c1ec17
#c1ec17
rgb(193,236,23)
-
#c6f50e
#c6f50e
rgb(198,245,14)
-
#ccff04
#ccff04
rgb(204,255,4)
Color Blindness Simulator
Below, you can see how #ccff04 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.