#ccff3d Color Information
In a RGB color space, hex #ccff3d is composed of 80% red, 100% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 76.1% yellow and 0% black. It has a hue angle of 75.8 degrees, a saturation of 100% and a lightness of 62%. #ccff3d color hex could be obtained by blending #ffff7a with #99ff00. Closest websafe color is: #ccff33.
-
- R 80
- G 100
- B 24
-
- C 20
- M 0
- Y 76
- K 0
● #ccff3d color description : Light green.
#ccff3d Color Conversion
The hexadecimal color #ccff3d has RGB values of R:204, G:255, B:61 and CMYK values of C:0.2, M:0, Y:0.76, K:0. Its decimal value is 13434685.
Hex triplet | ccff3d | #ccff3d |
---|---|---|
RGB Decimal | 204, 255, 61 | rgb(204,255,61) |
RGB Percent | 80, 100, 23.9 | rgb(80%,100%,23.9%) |
CMYK | 20, 0, 76, 0 | |
HSL | 75.8°, 100, 62 | hsl(75.8,100%,62%) |
HSV (or HSB) | 75.8°, 76.1, 100 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 93.751, -40.593, 80.44 |
---|---|
XYZ | 61.503, 84.693, 17.522 |
xyY | 0.376, 0.517, 84.693 |
CIE-LCH | 93.751, 90.102, 116.777 |
CIE-LUV | 93.751, -24.552, 100.217 |
Hunter-Lab | 92.029, -41.759, 53.132 |
Binary | 11001100, 11111111, 00111101 |
Color Schemes with #ccff3d
Alternatives to #ccff3d
Below, you can see some colors close to #ccff3d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccff3d Preview
This text has a font color of #ccff3d.
<span style="color:#ccff3d;">Text here</span>
This paragraph has a background color of #ccff3d.
<p style="background-color:#ccff3d;">Content here</p>
This element has a border color of #ccff3d.
<div style="border:1px solid #ccff3d;">Content here</div>
.text {color:#ccff3d;}
.background {background-color:#ccff3d;}
.border {border:1px solid #ccff3d;}
Shades and Tints of #ccff3d
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, #020200 is the darkest color, while #faffee is the lightest one.
-
#020200
#020200
rgb(2,2,0)
-
#101600
#101600
rgb(16,22,0)
-
#1f2900
#1f2900
rgb(31,41,0)
-
#2d3d00
#2d3d00
rgb(45,61,0)
-
#3b5100
#3b5100
rgb(59,81,0)
-
#4a6400
#4a6400
rgb(74,100,0)
-
#587800
#587800
rgb(88,120,0)
-
#678b00
#678b00
rgb(103,139,0)
-
#759f00
#759f00
rgb(117,159,0)
-
#84b300
#84b300
rgb(132,179,0)
-
#92c600
#92c600
rgb(146,198,0)
-
#a1da00
#a1da00
rgb(161,218,0)
-
#afee00
#afee00
rgb(175,238,0)
-
#bdff02
#bdff02
rgb(189,255,2)
-
#c2ff16
#c2ff16
rgb(194,255,22)
-
#c7ff29
#c7ff29
rgb(199,255,41)
-
#ccff3d
#ccff3d
rgb(204,255,61)
-
#d1ff51
#d1ff51
rgb(209,255,81)
-
#d6ff64
#d6ff64
rgb(214,255,100)
-
#dbff78
#dbff78
rgb(219,255,120)
-
#e1ff8b
#e1ff8b
rgb(225,255,139)
-
#e6ff9f
#e6ff9f
rgb(230,255,159)
-
#ebffb3
#ebffb3
rgb(235,255,179)
-
#f0ffc6
#f0ffc6
rgb(240,255,198)
-
#f5ffda
#f5ffda
rgb(245,255,218)
-
#faffee
#faffee
rgb(250,255,238)
Tones of #ccff3d
A tone is produced by adding gray to any pure hue. In this case, #a2a597 is the less saturated color, while #ccff3d is the most saturated one.
-
#a2a597
#a2a597
rgb(162,165,151)
-
#a5ad8f
#a5ad8f
rgb(165,173,143)
-
#a9b488
#a9b488
rgb(169,180,136)
-
#acbc80
#acbc80
rgb(172,188,128)
-
#b0c379
#b0c379
rgb(176,195,121)
-
#b3cb71
#b3cb71
rgb(179,203,113)
-
#b7d26a
#b7d26a
rgb(183,210,106)
-
#bada62
#bada62
rgb(186,218,98)
-
#bee15b
#bee15b
rgb(190,225,91)
-
#c1e953
#c1e953
rgb(193,233,83)
-
#c5f04c
#c5f04c
rgb(197,240,76)
-
#c8f844
#c8f844
rgb(200,248,68)
-
#ccff3d
#ccff3d
rgb(204,255,61)
Color Blindness Simulator
Below, you can see how #ccff3d 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.