#ccff32 Color Information
In a RGB color space, hex #ccff32 is composed of 80% red, 100% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 80.4% yellow and 0% black. It has a hue angle of 74.9 degrees, a saturation of 100% and a lightness of 59.8%. #ccff32 color hex could be obtained by blending #ffff64 with #99ff00. Closest websafe color is: #ccff33.
-
- R 80
- G 100
- B 20
-
- C 20
- M 0
- Y 80
- K 0
● #ccff32 color description : Vivid yellow.
#ccff32 Color Conversion
The hexadecimal color #ccff32 has RGB values of R:204, G:255, B:50 and CMYK values of C:0.2, M:0, Y:0.8, K:0. Its decimal value is 13434674.
Hex triplet | ccff32 | #ccff32 |
---|---|---|
RGB Decimal | 204, 255, 50 | rgb(204,255,50) |
RGB Percent | 80, 100, 19.6 | rgb(80%,100%,19.6%) |
CMYK | 20, 0, 80, 0 | |
HSL | 74.9°, 100, 59.8 | hsl(74.9,100%,59.8%) |
HSV (or HSB) | 74.9°, 80.4, 100 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 93.705, -41.02, 83.347 |
---|---|
XYZ | 61.237, 84.587, 16.118 |
xyY | 0.378, 0.522, 84.587 |
CIE-LCH | 93.705, 92.895, 116.205 |
CIE-LUV | 93.705, -24.528, 102.277 |
Hunter-Lab | 91.971, -42.099, 53.989 |
Binary | 11001100, 11111111, 00110010 |
Color Schemes with #ccff32
Alternatives to #ccff32
Below, you can see some colors close to #ccff32. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccff32 Preview
This text has a font color of #ccff32.
<span style="color:#ccff32;">Text here</span>
This paragraph has a background color of #ccff32.
<p style="background-color:#ccff32;">Content here</p>
This element has a border color of #ccff32.
<div style="border:1px solid #ccff32;">Content here</div>
.text {color:#ccff32;}
.background {background-color:#ccff32;}
.border {border:1px solid #ccff32;}
Shades and Tints of #ccff32
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, #080b00 is the darkest color, while #fdfff6 is the lightest one.
-
#080b00
#080b00
rgb(8,11,0)
-
#171e00
#171e00
rgb(23,30,0)
-
#263200
#263200
rgb(38,50,0)
-
#344600
#344600
rgb(52,70,0)
-
#435900
#435900
rgb(67,89,0)
-
#526d00
#526d00
rgb(82,109,0)
-
#618000
#618000
rgb(97,128,0)
-
#6f9400
#6f9400
rgb(111,148,0)
-
#7ea800
#7ea800
rgb(126,168,0)
-
#8dbb00
#8dbb00
rgb(141,187,0)
-
#9bcf00
#9bcf00
rgb(155,207,0)
-
#aae300
#aae300
rgb(170,227,0)
-
#b9f600
#b9f600
rgb(185,246,0)
-
#c2ff0b
#c2ff0b
rgb(194,255,11)
-
#c7ff1e
#c7ff1e
rgb(199,255,30)
-
#ccff32
#ccff32
rgb(204,255,50)
-
#d1ff46
#d1ff46
rgb(209,255,70)
-
#d6ff59
#d6ff59
rgb(214,255,89)
-
#dbff6d
#dbff6d
rgb(219,255,109)
-
#e0ff80
#e0ff80
rgb(224,255,128)
-
#e4ff94
#e4ff94
rgb(228,255,148)
-
#e9ffa8
#e9ffa8
rgb(233,255,168)
-
#eeffbb
#eeffbb
rgb(238,255,187)
-
#f3ffcf
#f3ffcf
rgb(243,255,207)
-
#f8ffe3
#f8ffe3
rgb(248,255,227)
-
#fdfff6
#fdfff6
rgb(253,255,246)
Tones of #ccff32
A tone is produced by adding gray to any pure hue. In this case, #9ca091 is the less saturated color, while #ccff32 is the most saturated one.
-
#9ca091
#9ca091
rgb(156,160,145)
-
#a0a889
#a0a889
rgb(160,168,137)
-
#a4b081
#a4b081
rgb(164,176,129)
-
#a8b879
#a8b879
rgb(168,184,121)
-
#acc071
#acc071
rgb(172,192,113)
-
#b0c869
#b0c869
rgb(176,200,105)
-
#b4d061
#b4d061
rgb(180,208,97)
-
#b8d859
#b8d859
rgb(184,216,89)
-
#bcdf52
#bcdf52
rgb(188,223,82)
-
#c0e74a
#c0e74a
rgb(192,231,74)
-
#c4ef42
#c4ef42
rgb(196,239,66)
-
#c8f73a
#c8f73a
rgb(200,247,58)
-
#ccff32
#ccff32
rgb(204,255,50)
Color Blindness Simulator
Below, you can see how #ccff32 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.