#ccff48 Color Information
In a RGB color space, hex #ccff48 is composed of 80% red, 100% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 71.8% yellow and 0% black. It has a hue angle of 76.7 degrees, a saturation of 100% and a lightness of 64.1%. #ccff48 color hex could be obtained by blending #ffff90 with #99ff00. Closest websafe color is: #ccff33.
-
- R 80
- G 100
- B 28
-
- C 20
- M 0
- Y 72
- K 0
● #ccff48 color description : Light green.
#ccff48 Color Conversion
The hexadecimal color #ccff48 has RGB values of R:204, G:255, B:72 and CMYK values of C:0.2, M:0, Y:0.72, K:0. Its decimal value is 13434696.
Hex triplet | ccff48 | #ccff48 |
---|---|---|
RGB Decimal | 204, 255, 72 | rgb(204,255,72) |
RGB Percent | 80, 100, 28.2 | rgb(80%,100%,28.2%) |
CMYK | 20, 0, 72, 0 | |
HSL | 76.7°, 100, 64.1 | hsl(76.7,100%,64.1%) |
HSV (or HSB) | 76.7°, 71.8, 100 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 93.807, -40.071, 77.081 |
---|---|
XYZ | 61.831, 84.824, 19.246 |
xyY | 0.373, 0.511, 84.824 |
CIE-LCH | 93.807, 86.874, 117.468 |
CIE-LUV | 93.807, -24.581, 97.71 |
Hunter-Lab | 92.1, -41.341, 52.08 |
Binary | 11001100, 11111111, 01001000 |
Color Schemes with #ccff48
Alternatives to #ccff48
Below, you can see some colors close to #ccff48. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccff48 Preview
This text has a font color of #ccff48.
<span style="color:#ccff48;">Text here</span>
This paragraph has a background color of #ccff48.
<p style="background-color:#ccff48;">Content here</p>
This element has a border color of #ccff48.
<div style="border:1px solid #ccff48;">Content here</div>
.text {color:#ccff48;}
.background {background-color:#ccff48;}
.border {border:1px solid #ccff48;}
Shades and Tints of #ccff48
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, #090d00 is the darkest color, while #fdfff9 is the lightest one.
-
#090d00
#090d00
rgb(9,13,0)
-
#182100
#182100
rgb(24,33,0)
-
#263400
#263400
rgb(38,52,0)
-
#344800
#344800
rgb(52,72,0)
-
#425c00
#425c00
rgb(66,92,0)
-
#506f00
#506f00
rgb(80,111,0)
-
#5e8300
#5e8300
rgb(94,131,0)
-
#6d9600
#6d9600
rgb(109,150,0)
-
#7baa00
#7baa00
rgb(123,170,0)
-
#89be00
#89be00
rgb(137,190,0)
-
#97d100
#97d100
rgb(151,209,0)
-
#a5e500
#a5e500
rgb(165,229,0)
-
#b3f900
#b3f900
rgb(179,249,0)
-
#bcff0d
#bcff0d
rgb(188,255,13)
-
#c1ff21
#c1ff21
rgb(193,255,33)
-
#c7ff34
#c7ff34
rgb(199,255,52)
-
#ccff48
#ccff48
rgb(204,255,72)
-
#d1ff5c
#d1ff5c
rgb(209,255,92)
-
#d7ff6f
#d7ff6f
rgb(215,255,111)
-
#dcff83
#dcff83
rgb(220,255,131)
-
#e2ff96
#e2ff96
rgb(226,255,150)
-
#e7ffaa
#e7ffaa
rgb(231,255,170)
-
#edffbe
#edffbe
rgb(237,255,190)
-
#f2ffd1
#f2ffd1
rgb(242,255,209)
-
#f8ffe5
#f8ffe5
rgb(248,255,229)
-
#fdfff9
#fdfff9
rgb(253,255,249)
Tones of #ccff48
A tone is produced by adding gray to any pure hue. In this case, #a7ab9c is the less saturated color, while #ccff48 is the most saturated one.
-
#a7ab9c
#a7ab9c
rgb(167,171,156)
-
#aab295
#aab295
rgb(170,178,149)
-
#adb98e
#adb98e
rgb(173,185,142)
-
#b0c087
#b0c087
rgb(176,192,135)
-
#b3c780
#b3c780
rgb(179,199,128)
-
#b6ce79
#b6ce79
rgb(182,206,121)
-
#b9d572
#b9d572
rgb(185,213,114)
-
#bcdc6b
#bcdc6b
rgb(188,220,107)
-
#c0e364
#c0e364
rgb(192,227,100)
-
#c3ea5d
#c3ea5d
rgb(195,234,93)
-
#c6f156
#c6f156
rgb(198,241,86)
-
#c9f84f
#c9f84f
rgb(201,248,79)
-
#ccff48
#ccff48
rgb(204,255,72)
Color Blindness Simulator
Below, you can see how #ccff48 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.