#ccff49 Color Information
In a RGB color space, hex #ccff49 is composed of 80% red, 100% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 71.4% yellow and 0% black. It has a hue angle of 76.8 degrees, a saturation of 100% and a lightness of 64.3%. #ccff49 color hex could be obtained by blending #ffff92 with #99ff00. Closest websafe color is: #ccff33.
-
- R 80
- G 100
- B 29
-
- C 20
- M 0
- Y 71
- K 0
● #ccff49 color description : Light green.
#ccff49 Color Conversion
The hexadecimal color #ccff49 has RGB values of R:204, G:255, B:73 and CMYK values of C:0.2, M:0, Y:0.71, K:0. Its decimal value is 13434697.
Hex triplet | ccff49 | #ccff49 |
---|---|---|
RGB Decimal | 204, 255, 73 | rgb(204,255,73) |
RGB Percent | 80, 100, 28.6 | rgb(80%,100%,28.6%) |
CMYK | 20, 0, 71, 0 | |
HSL | 76.8°, 100, 64.3 | hsl(76.8,100%,64.3%) |
HSV (or HSB) | 76.8°, 71.4, 100 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 93.813, -40.019, 76.755 |
---|---|
XYZ | 61.864, 84.837, 19.419 |
xyY | 0.372, 0.511, 84.837 |
CIE-LCH | 93.813, 86.561, 117.537 |
CIE-LUV | 93.813, -24.584, 97.459 |
Hunter-Lab | 92.107, -41.299, 51.975 |
Binary | 11001100, 11111111, 01001001 |
Color Schemes with #ccff49
Alternatives to #ccff49
Below, you can see some colors close to #ccff49. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccff49 Preview
This text has a font color of #ccff49.
<span style="color:#ccff49;">Text here</span>
This paragraph has a background color of #ccff49.
<p style="background-color:#ccff49;">Content here</p>
This element has a border color of #ccff49.
<div style="border:1px solid #ccff49;">Content here</div>
.text {color:#ccff49;}
.background {background-color:#ccff49;}
.border {border:1px solid #ccff49;}
Shades and Tints of #ccff49
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, #0a0e00 is the darkest color, while #fdfffa is the lightest one.
-
#0a0e00
#0a0e00
rgb(10,14,0)
-
#182200
#182200
rgb(24,34,0)
-
#263500
#263500
rgb(38,53,0)
-
#354900
#354900
rgb(53,73,0)
-
#435d00
#435d00
rgb(67,93,0)
-
#517000
#517000
rgb(81,112,0)
-
#5f8400
#5f8400
rgb(95,132,0)
-
#6d9700
#6d9700
rgb(109,151,0)
-
#7bab00
#7bab00
rgb(123,171,0)
-
#89bf00
#89bf00
rgb(137,191,0)
-
#97d200
#97d200
rgb(151,210,0)
-
#a5e600
#a5e600
rgb(165,230,0)
-
#b4fa00
#b4fa00
rgb(180,250,0)
-
#bcff0e
#bcff0e
rgb(188,255,14)
-
#c1ff22
#c1ff22
rgb(193,255,34)
-
#c7ff35
#c7ff35
rgb(199,255,53)
-
#ccff49
#ccff49
rgb(204,255,73)
-
#d1ff5d
#d1ff5d
rgb(209,255,93)
-
#d7ff70
#d7ff70
rgb(215,255,112)
-
#dcff84
#dcff84
rgb(220,255,132)
-
#e2ff97
#e2ff97
rgb(226,255,151)
-
#e7ffab
#e7ffab
rgb(231,255,171)
-
#edffbf
#edffbf
rgb(237,255,191)
-
#f2ffd2
#f2ffd2
rgb(242,255,210)
-
#f8ffe6
#f8ffe6
rgb(248,255,230)
-
#fdfffa
#fdfffa
rgb(253,255,250)
Tones of #ccff49
A tone is produced by adding gray to any pure hue. In this case, #a7ab9d is the less saturated color, while #ccff49 is the most saturated one.
-
#a7ab9d
#a7ab9d
rgb(167,171,157)
-
#aab296
#aab296
rgb(170,178,150)
-
#adb98f
#adb98f
rgb(173,185,143)
-
#b0c088
#b0c088
rgb(176,192,136)
-
#b3c781
#b3c781
rgb(179,199,129)
-
#b6ce7a
#b6ce7a
rgb(182,206,122)
-
#bad573
#bad573
rgb(186,213,115)
-
#bddc6c
#bddc6c
rgb(189,220,108)
-
#c0e365
#c0e365
rgb(192,227,101)
-
#c3ea5e
#c3ea5e
rgb(195,234,94)
-
#c6f157
#c6f157
rgb(198,241,87)
-
#c9f850
#c9f850
rgb(201,248,80)
-
#ccff49
#ccff49
rgb(204,255,73)
Color Blindness Simulator
Below, you can see how #ccff49 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.