#ccff21 Color Information
In a RGB color space, hex #ccff21 is composed of 80% red, 100% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 87.1% yellow and 0% black. It has a hue angle of 73.8 degrees, a saturation of 100% and a lightness of 56.5%. #ccff21 color hex could be obtained by blending #ffff42 with #99ff00. Closest websafe color is: #ccff33.
-
- R 80
- G 100
- B 13
-
- C 20
- M 0
- Y 87
- K 0
● #ccff21 color description : Vivid yellow.
#ccff21 Color Conversion
The hexadecimal color #ccff21 has RGB values of R:204, G:255, B:33 and CMYK values of C:0.2, M:0, Y:0.87, K:0. Its decimal value is 13434657.
Hex triplet | ccff21 | #ccff21 |
---|---|---|
RGB Decimal | 204, 255, 33 | rgb(204,255,33) |
RGB Percent | 80, 100, 12.9 | rgb(80%,100%,12.9%) |
CMYK | 20, 0, 87, 0 | |
HSL | 73.8°, 100, 56.5 | hsl(73.8,100%,56.5%) |
HSV (or HSB) | 73.8°, 87.1, 100 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 93.653, -41.505, 86.848 |
---|---|
XYZ | 60.936, 84.466, 14.532 |
xyY | 0.381, 0.528, 84.466 |
CIE-LCH | 93.653, 96.256, 115.543 |
CIE-LUV | 93.653, -24.5, 104.624 |
Hunter-Lab | 91.906, -42.485, 54.959 |
Binary | 11001100, 11111111, 00100001 |
Color Schemes with #ccff21
Alternatives to #ccff21
Below, you can see some colors close to #ccff21. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccff21 Preview
This text has a font color of #ccff21.
<span style="color:#ccff21;">Text here</span>
This paragraph has a background color of #ccff21.
<p style="background-color:#ccff21;">Content here</p>
This element has a border color of #ccff21.
<div style="border:1px solid #ccff21;">Content here</div>
.text {color:#ccff21;}
.background {background-color:#ccff21;}
.border {border:1px solid #ccff21;}
Shades and Tints of #ccff21
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, #0a0d00 is the darkest color, while #fefff9 is the lightest one.
-
#0a0d00
#0a0d00
rgb(10,13,0)
-
#192100
#192100
rgb(25,33,0)
-
#293500
#293500
rgb(41,53,0)
-
#384800
#384800
rgb(56,72,0)
-
#475c00
#475c00
rgb(71,92,0)
-
#566f00
#566f00
rgb(86,111,0)
-
#658300
#658300
rgb(101,131,0)
-
#749700
#749700
rgb(116,151,0)
-
#83aa00
#83aa00
rgb(131,170,0)
-
#92be00
#92be00
rgb(146,190,0)
-
#a1d200
#a1d200
rgb(161,210,0)
-
#b1e500
#b1e500
rgb(177,229,0)
-
#c0f900
#c0f900
rgb(192,249,0)
-
#c7ff0d
#c7ff0d
rgb(199,255,13)
-
#ccff21
#ccff21
rgb(204,255,33)
-
#d1ff35
#d1ff35
rgb(209,255,53)
-
#d5ff48
#d5ff48
rgb(213,255,72)
-
#daff5c
#daff5c
rgb(218,255,92)
-
#deff6f
#deff6f
rgb(222,255,111)
-
#e3ff83
#e3ff83
rgb(227,255,131)
-
#e7ff97
#e7ff97
rgb(231,255,151)
-
#ecffaa
#ecffaa
rgb(236,255,170)
-
#f0ffbe
#f0ffbe
rgb(240,255,190)
-
#f5ffd2
#f5ffd2
rgb(245,255,210)
-
#f9ffe5
#f9ffe5
rgb(249,255,229)
-
#fefff9
#fefff9
rgb(254,255,249)
Tones of #ccff21
A tone is produced by adding gray to any pure hue. In this case, #959987 is the less saturated color, while #ccff21 is the most saturated one.
-
#959987
#959987
rgb(149,153,135)
-
#99a17f
#99a17f
rgb(153,161,127)
-
#9eaa76
#9eaa76
rgb(158,170,118)
-
#a2b26e
#a2b26e
rgb(162,178,110)
-
#a7bb65
#a7bb65
rgb(167,187,101)
-
#acc35d
#acc35d
rgb(172,195,93)
-
#b0cc54
#b0cc54
rgb(176,204,84)
-
#b5d44c
#b5d44c
rgb(181,212,76)
-
#badd43
#badd43
rgb(186,221,67)
-
#bee53b
#bee53b
rgb(190,229,59)
-
#c3ee32
#c3ee32
rgb(195,238,50)
-
#c7f62a
#c7f62a
rgb(199,246,42)
-
#ccff21
#ccff21
rgb(204,255,33)
Color Blindness Simulator
Below, you can see how #ccff21 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.