#ccff2c Color Information
In a RGB color space, hex #ccff2c is composed of 80% red, 100% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 82.7% yellow and 0% black. It has a hue angle of 74.5 degrees, a saturation of 100% and a lightness of 58.6%. #ccff2c color hex could be obtained by blending #ffff58 with #99ff00. Closest websafe color is: #ccff33.
-
- R 80
- G 100
- B 17
-
- C 20
- M 0
- Y 83
- K 0
● #ccff2c color description : Vivid yellow.
#ccff2c Color Conversion
The hexadecimal color #ccff2c has RGB values of R:204, G:255, B:44 and CMYK values of C:0.2, M:0, Y:0.83, K:0. Its decimal value is 13434668.
Hex triplet | ccff2c | #ccff2c |
---|---|---|
RGB Decimal | 204, 255, 44 | rgb(204,255,44) |
RGB Percent | 80, 100, 17.3 | rgb(80%,100%,17.3%) |
CMYK | 20, 0, 83, 0 | |
HSL | 74.5°, 100, 58.6 | hsl(74.5,100%,58.6%) |
HSV (or HSB) | 74.5°, 82.7, 100 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 93.684, -41.215, 84.725 |
---|---|
XYZ | 61.116, 84.538, 15.481 |
xyY | 0.379, 0.525, 84.538 |
CIE-LCH | 93.684, 94.218, 115.941 |
CIE-LUV | 93.684, -24.517, 103.218 |
Hunter-Lab | 91.945, -42.254, 54.379 |
Binary | 11001100, 11111111, 00101100 |
Color Schemes with #ccff2c
Alternatives to #ccff2c
Below, you can see some colors close to #ccff2c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccff2c Preview
This text has a font color of #ccff2c.
<span style="color:#ccff2c;">Text here</span>
This paragraph has a background color of #ccff2c.
<p style="background-color:#ccff2c;">Content here</p>
This element has a border color of #ccff2c.
<div style="border:1px solid #ccff2c;">Content here</div>
.text {color:#ccff2c;}
.background {background-color:#ccff2c;}
.border {border:1px solid #ccff2c;}
Shades and Tints of #ccff2c
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, #040500 is the darkest color, while #fbfff0 is the lightest one.
-
#040500
#040500
rgb(4,5,0)
-
#121800
#121800
rgb(18,24,0)
-
#212c00
#212c00
rgb(33,44,0)
-
#304000
#304000
rgb(48,64,0)
-
#3f5300
#3f5300
rgb(63,83,0)
-
#4e6700
#4e6700
rgb(78,103,0)
-
#5d7a00
#5d7a00
rgb(93,122,0)
-
#6c8e00
#6c8e00
rgb(108,142,0)
-
#7ba200
#7ba200
rgb(123,162,0)
-
#89b500
#89b500
rgb(137,181,0)
-
#98c900
#98c900
rgb(152,201,0)
-
#a7dd00
#a7dd00
rgb(167,221,0)
-
#b6f000
#b6f000
rgb(182,240,0)
-
#c3ff05
#c3ff05
rgb(195,255,5)
-
#c7ff18
#c7ff18
rgb(199,255,24)
-
#ccff2c
#ccff2c
rgb(204,255,44)
-
#d1ff40
#d1ff40
rgb(209,255,64)
-
#d5ff53
#d5ff53
rgb(213,255,83)
-
#daff67
#daff67
rgb(218,255,103)
-
#dfff7a
#dfff7a
rgb(223,255,122)
-
#e4ff8e
#e4ff8e
rgb(228,255,142)
-
#e8ffa2
#e8ffa2
rgb(232,255,162)
-
#edffb5
#edffb5
rgb(237,255,181)
-
#f2ffc9
#f2ffc9
rgb(242,255,201)
-
#f7ffdd
#f7ffdd
rgb(247,255,221)
-
#fbfff0
#fbfff0
rgb(251,255,240)
Tones of #ccff2c
A tone is produced by adding gray to any pure hue. In this case, #9a9e8d is the less saturated color, while #ccff2c is the most saturated one.
-
#9a9e8d
#9a9e8d
rgb(154,158,141)
-
#9ea685
#9ea685
rgb(158,166,133)
-
#a2ae7d
#a2ae7d
rgb(162,174,125)
-
#a6b675
#a6b675
rgb(166,182,117)
-
#aabe6d
#aabe6d
rgb(170,190,109)
-
#afc665
#afc665
rgb(175,198,101)
-
#b3ce5d
#b3ce5d
rgb(179,206,93)
-
#b7d655
#b7d655
rgb(183,214,85)
-
#bbdf4c
#bbdf4c
rgb(187,223,76)
-
#bfe744
#bfe744
rgb(191,231,68)
-
#c4ef3c
#c4ef3c
rgb(196,239,60)
-
#c8f734
#c8f734
rgb(200,247,52)
-
#ccff2c
#ccff2c
rgb(204,255,44)
Color Blindness Simulator
Below, you can see how #ccff2c 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.