#ccff57 Color Information
In a RGB color space, hex #ccff57 is composed of 80% red, 100% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 65.9% yellow and 0% black. It has a hue angle of 78.2 degrees, a saturation of 100% and a lightness of 67.1%. #ccff57 color hex could be obtained by blending #ffffae with #99ff00. Closest websafe color is: #ccff66.
-
- R 80
- G 100
- B 34
-
- C 20
- M 0
- Y 66
- K 0
● #ccff57 color description : Light green.
#ccff57 Color Conversion
The hexadecimal color #ccff57 has RGB values of R:204, G:255, B:87 and CMYK values of C:0.2, M:0, Y:0.66, K:0. Its decimal value is 13434711.
Hex triplet | ccff57 | #ccff57 |
---|---|---|
RGB Decimal | 204, 255, 87 | rgb(204,255,87) |
RGB Percent | 80, 100, 34.1 | rgb(80%,100%,34.1%) |
CMYK | 20, 0, 66, 0 | |
HSL | 78.2°, 100, 67.1 | hsl(78.2,100%,67.1%) |
HSV (or HSB) | 78.2°, 65.9, 100 | |
Web Safe | ccff66 | #ccff66 |
CIE-LAB | 93.902, -39.198, 71.87 |
---|---|
XYZ | 62.381, 85.045, 22.145 |
xyY | 0.368, 0.502, 85.045 |
CIE-LCH | 93.902, 81.865, 118.608 |
CIE-LUV | 93.902, -24.631, 93.548 |
Hunter-Lab | 92.22, -40.64, 50.316 |
Binary | 11001100, 11111111, 01010111 |
Color Schemes with #ccff57
Alternatives to #ccff57
Below, you can see some colors close to #ccff57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccff57 Preview
This text has a font color of #ccff57.
<span style="color:#ccff57;">Text here</span>
This paragraph has a background color of #ccff57.
<p style="background-color:#ccff57;">Content here</p>
This element has a border color of #ccff57.
<div style="border:1px solid #ccff57;">Content here</div>
.text {color:#ccff57;}
.background {background-color:#ccff57;}
.border {border:1px solid #ccff57;}
Shades and Tints of #ccff57
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, #060900 is the darkest color, while #fcfff4 is the lightest one.
-
#060900
#060900
rgb(6,9,0)
-
#141c00
#141c00
rgb(20,28,0)
-
#213000
#213000
rgb(33,48,0)
-
#2f4300
#2f4300
rgb(47,67,0)
-
#3d5700
#3d5700
rgb(61,87,0)
-
#4a6b00
#4a6b00
rgb(74,107,0)
-
#587e00
#587e00
rgb(88,126,0)
-
#669200
#669200
rgb(102,146,0)
-
#73a500
#73a500
rgb(115,165,0)
-
#81b900
#81b900
rgb(129,185,0)
-
#8fcd00
#8fcd00
rgb(143,205,0)
-
#9ce000
#9ce000
rgb(156,224,0)
-
#aaf400
#aaf400
rgb(170,244,0)
-
#b4ff09
#b4ff09
rgb(180,255,9)
-
#baff1c
#baff1c
rgb(186,255,28)
-
#c0ff30
#c0ff30
rgb(192,255,48)
-
#c6ff43
#c6ff43
rgb(198,255,67)
-
#ccff57
#ccff57
rgb(204,255,87)
-
#d2ff6b
#d2ff6b
rgb(210,255,107)
-
#d8ff7e
#d8ff7e
rgb(216,255,126)
-
#deff92
#deff92
rgb(222,255,146)
-
#e4ffa5
#e4ffa5
rgb(228,255,165)
-
#eaffb9
#eaffb9
rgb(234,255,185)
-
#f0ffcd
#f0ffcd
rgb(240,255,205)
-
#f6ffe0
#f6ffe0
rgb(246,255,224)
-
#fcfff4
#fcfff4
rgb(252,255,244)
Tones of #ccff57
A tone is produced by adding gray to any pure hue. In this case, #aeb1a5 is the less saturated color, while #ccff57 is the most saturated one.
-
#aeb1a5
#aeb1a5
rgb(174,177,165)
-
#b0b89e
#b0b89e
rgb(176,184,158)
-
#b3be98
#b3be98
rgb(179,190,152)
-
#b5c591
#b5c591
rgb(181,197,145)
-
#b8cb8b
#b8cb8b
rgb(184,203,139)
-
#bad284
#bad284
rgb(186,210,132)
-
#bdd87e
#bdd87e
rgb(189,216,126)
-
#bfdf77
#bfdf77
rgb(191,223,119)
-
#c2e571
#c2e571
rgb(194,229,113)
-
#c4ec6a
#c4ec6a
rgb(196,236,106)
-
#c7f264
#c7f264
rgb(199,242,100)
-
#c9f95d
#c9f95d
rgb(201,249,93)
-
#ccff57
#ccff57
rgb(204,255,87)
Color Blindness Simulator
Below, you can see how #ccff57 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.