#ccff28 Color Information
In a RGB color space, hex #ccff28 is composed of 80% red, 100% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 84.3% yellow and 0% black. It has a hue angle of 74.2 degrees, a saturation of 100% and a lightness of 57.8%. #ccff28 color hex could be obtained by blending #ffff50 with #99ff00. Closest websafe color is: #ccff33.
-
- R 80
- G 100
- B 16
-
- C 20
- M 0
- Y 84
- K 0
● #ccff28 color description : Vivid yellow.
#ccff28 Color Conversion
The hexadecimal color #ccff28 has RGB values of R:204, G:255, B:40 and CMYK values of C:0.2, M:0, Y:0.84, K:0. Its decimal value is 13434664.
Hex triplet | ccff28 | #ccff28 |
---|---|---|
RGB Decimal | 204, 255, 40 | rgb(204,255,40) |
RGB Percent | 80, 100, 15.7 | rgb(80%,100%,15.7%) |
CMYK | 20, 0, 84, 0 | |
HSL | 74.2°, 100, 57.8 | hsl(74.2,100%,57.8%) |
HSV (or HSB) | 74.2°, 84.3, 100 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 93.671, -41.33, 85.558 |
---|---|
XYZ | 61.044, 84.51, 15.103 |
xyY | 0.38, 0.526, 84.51 |
CIE-LCH | 93.671, 95.018, 115.783 |
CIE-LUV | 93.671, -24.51, 103.776 |
Hunter-Lab | 91.929, -42.346, 54.609 |
Binary | 11001100, 11111111, 00101000 |
Color Schemes with #ccff28
Alternatives to #ccff28
Below, you can see some colors close to #ccff28. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccff28 Preview
This text has a font color of #ccff28.
<span style="color:#ccff28;">Text here</span>
This paragraph has a background color of #ccff28.
<p style="background-color:#ccff28;">Content here</p>
This element has a border color of #ccff28.
<div style="border:1px solid #ccff28;">Content here</div>
.text {color:#ccff28;}
.background {background-color:#ccff28;}
.border {border:1px solid #ccff28;}
Shades and Tints of #ccff28
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, #010100 is the darkest color, while #fbffec is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#101400
#101400
rgb(16,20,0)
-
#1f2800
#1f2800
rgb(31,40,0)
-
#2d3c00
#2d3c00
rgb(45,60,0)
-
#3c4f00
#3c4f00
rgb(60,79,0)
-
#4b6300
#4b6300
rgb(75,99,0)
-
#5a7600
#5a7600
rgb(90,118,0)
-
#698a00
#698a00
rgb(105,138,0)
-
#789e00
#789e00
rgb(120,158,0)
-
#87b100
#87b100
rgb(135,177,0)
-
#96c500
#96c500
rgb(150,197,0)
-
#a5d900
#a5d900
rgb(165,217,0)
-
#b4ec00
#b4ec00
rgb(180,236,0)
-
#c3ff01
#c3ff01
rgb(195,255,1)
-
#c7ff14
#c7ff14
rgb(199,255,20)
-
#ccff28
#ccff28
rgb(204,255,40)
-
#d1ff3c
#d1ff3c
rgb(209,255,60)
-
#d5ff4f
#d5ff4f
rgb(213,255,79)
-
#daff63
#daff63
rgb(218,255,99)
-
#dfff76
#dfff76
rgb(223,255,118)
-
#e3ff8a
#e3ff8a
rgb(227,255,138)
-
#e8ff9e
#e8ff9e
rgb(232,255,158)
-
#edffb1
#edffb1
rgb(237,255,177)
-
#f1ffc5
#f1ffc5
rgb(241,255,197)
-
#f6ffd9
#f6ffd9
rgb(246,255,217)
-
#fbffec
#fbffec
rgb(251,255,236)
Tones of #ccff28
A tone is produced by adding gray to any pure hue. In this case, #989c8b is the less saturated color, while #ccff28 is the most saturated one.
-
#989c8b
#989c8b
rgb(152,156,139)
-
#9ca483
#9ca483
rgb(156,164,131)
-
#a1ac7b
#a1ac7b
rgb(161,172,123)
-
#a5b572
#a5b572
rgb(165,181,114)
-
#a9bd6a
#a9bd6a
rgb(169,189,106)
-
#aec562
#aec562
rgb(174,197,98)
-
#b2cd5a
#b2cd5a
rgb(178,205,90)
-
#b6d651
#b6d651
rgb(182,214,81)
-
#bbde49
#bbde49
rgb(187,222,73)
-
#bfe641
#bfe641
rgb(191,230,65)
-
#c3ee39
#c3ee39
rgb(195,238,57)
-
#c8f730
#c8f730
rgb(200,247,48)
-
#ccff28
#ccff28
rgb(204,255,40)
Color Blindness Simulator
Below, you can see how #ccff28 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.