#ccff02 Color Information
In a RGB color space, hex #ccff02 is composed of 80% red, 100% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 99.2% yellow and 0% black. It has a hue angle of 72.1 degrees, a saturation of 100% and a lightness of 50.4%. #ccff02 color hex could be obtained by blending #ffff04 with #99ff00. Closest websafe color is: #ccff00.
-
- R 80
- G 100
- B 1
-
- C 20
- M 0
- Y 99
- K 0
● #ccff02 color description : Vivid yellow.
#ccff02 Color Conversion
The hexadecimal color #ccff02 has RGB values of R:204, G:255, B:2 and CMYK values of C:0.2, M:0, Y:0.99, K:0. Its decimal value is 13434626.
Hex triplet | ccff02 | #ccff02 |
---|---|---|
RGB Decimal | 204, 255, 2 | rgb(204,255,2) |
RGB Percent | 80, 100, 0.8 | rgb(80%,100%,0.8%) |
CMYK | 20, 0, 99, 0 | |
HSL | 72.1°, 100, 50.4 | hsl(72.1,100%,50.4%) |
HSV (or HSB) | 72.1°, 99.2, 100 | |
Web Safe | ccff00 | #ccff00 |
CIE-LAB | 93.607, -41.93, 90.132 |
---|---|
XYZ | 60.672, 84.361, 13.144 |
xyY | 0.384, 0.533, 84.361 |
CIE-LCH | 93.607, 99.408, 114.948 |
CIE-LUV | 93.607, -24.476, 106.695 |
Hunter-Lab | 91.848, -42.823, 55.809 |
Binary | 11001100, 11111111, 00000010 |
Color Schemes with #ccff02
Alternatives to #ccff02
Below, you can see some colors close to #ccff02. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccff02 Preview
This text has a font color of #ccff02.
<span style="color:#ccff02;">Text here</span>
This paragraph has a background color of #ccff02.
<p style="background-color:#ccff02;">Content here</p>
This element has a border color of #ccff02.
<div style="border:1px solid #ccff02;">Content here</div>
.text {color:#ccff02;}
.background {background-color:#ccff02;}
.border {border:1px solid #ccff02;}
Shades and Tints of #ccff02
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, #020200 is the darkest color, while #fbffed is the lightest one.
-
#020200
#020200
rgb(2,2,0)
-
#111600
#111600
rgb(17,22,0)
-
#212900
#212900
rgb(33,41,0)
-
#313d00
#313d00
rgb(49,61,0)
-
#405000
#405000
rgb(64,80,0)
-
#506400
#506400
rgb(80,100,0)
-
#607800
#607800
rgb(96,120,0)
-
#6f8b00
#6f8b00
rgb(111,139,0)
-
#7f9f00
#7f9f00
rgb(127,159,0)
-
#8fb300
#8fb300
rgb(143,179,0)
-
#9ec600
#9ec600
rgb(158,198,0)
-
#aeda00
#aeda00
rgb(174,218,0)
-
#beed00
#beed00
rgb(190,237,0)
-
#ccff02
#ccff02
rgb(204,255,2)
-
#d0ff16
#d0ff16
rgb(208,255,22)
-
#d4ff29
#d4ff29
rgb(212,255,41)
-
#d8ff3d
#d8ff3d
rgb(216,255,61)
-
#dcff50
#dcff50
rgb(220,255,80)
-
#e0ff64
#e0ff64
rgb(224,255,100)
-
#e4ff78
#e4ff78
rgb(228,255,120)
-
#e8ff8b
#e8ff8b
rgb(232,255,139)
-
#ecff9f
#ecff9f
rgb(236,255,159)
-
#f0ffb3
#f0ffb3
rgb(240,255,179)
-
#f4ffc6
#f4ffc6
rgb(244,255,198)
-
#f7ffda
#f7ffda
rgb(247,255,218)
-
#fbffed
#fbffed
rgb(251,255,237)
Tones of #ccff02
A tone is produced by adding gray to any pure hue. In this case, #868a77 is the less saturated color, while #ccff02 is the most saturated one.
-
#868a77
#868a77
rgb(134,138,119)
-
#8c946d
#8c946d
rgb(140,148,109)
-
#929e63
#929e63
rgb(146,158,99)
-
#98a75a
#98a75a
rgb(152,167,90)
-
#9eb150
#9eb150
rgb(158,177,80)
-
#a3bb46
#a3bb46
rgb(163,187,70)
-
#a9c53c
#a9c53c
rgb(169,197,60)
-
#afce33
#afce33
rgb(175,206,51)
-
#b5d829
#b5d829
rgb(181,216,41)
-
#bbe21f
#bbe21f
rgb(187,226,31)
-
#c0ec15
#c0ec15
rgb(192,236,21)
-
#c6f50c
#c6f50c
rgb(198,245,12)
-
#ccff02
#ccff02
rgb(204,255,2)
Color Blindness Simulator
Below, you can see how #ccff02 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.