#ccff62 Color Information
In a RGB color space, hex #ccff62 is composed of 80% red, 100% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 61.6% yellow and 0% black. It has a hue angle of 79.5 degrees, a saturation of 100% and a lightness of 69.2%. #ccff62 color hex could be obtained by blending #ffffc4 with #99ff00. Closest websafe color is: #ccff66.
-
- R 80
- G 100
- B 38
-
- C 20
- M 0
- Y 62
- K 0
● #ccff62 color description : Light green.
#ccff62 Color Conversion
The hexadecimal color #ccff62 has RGB values of R:204, G:255, B:98 and CMYK values of C:0.2, M:0, Y:0.62, K:0. Its decimal value is 13434722.
Hex triplet | ccff62 | #ccff62 |
---|---|---|
RGB Decimal | 204, 255, 98 | rgb(204,255,98) |
RGB Percent | 80, 100, 38.4 | rgb(80%,100%,38.4%) |
CMYK | 20, 0, 62, 0 | |
HSL | 79.5°, 100, 69.2 | hsl(79.5,100%,69.2%) |
HSV (or HSB) | 79.5°, 61.6, 100 | |
Web Safe | ccff66 | #ccff66 |
CIE-LAB | 93.986, -38.436, 67.662 |
---|---|
XYZ | 62.865, 85.238, 24.695 |
xyY | 0.364, 0.493, 85.238 |
CIE-LCH | 93.986, 77.817, 119.599 |
CIE-LUV | 93.986, -24.674, 89.943 |
Hunter-Lab | 92.325, -40.024, 48.768 |
Binary | 11001100, 11111111, 01100010 |
Color Schemes with #ccff62
Alternatives to #ccff62
Below, you can see some colors close to #ccff62. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccff62 Preview
This text has a font color of #ccff62.
<span style="color:#ccff62;">Text here</span>
This paragraph has a background color of #ccff62.
<p style="background-color:#ccff62;">Content here</p>
This element has a border color of #ccff62.
<div style="border:1px solid #ccff62;">Content here</div>
.text {color:#ccff62;}
.background {background-color:#ccff62;}
.border {border:1px solid #ccff62;}
Shades and Tints of #ccff62
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, #0d1400 is the darkest color, while #ffffff is the lightest one.
-
#0d1400
#0d1400
rgb(13,20,0)
-
#1a2700
#1a2700
rgb(26,39,0)
-
#283b00
#283b00
rgb(40,59,0)
-
#354e00
#354e00
rgb(53,78,0)
-
#426200
#426200
rgb(66,98,0)
-
#4f7600
#4f7600
rgb(79,118,0)
-
#5d8900
#5d8900
rgb(93,137,0)
-
#6a9d00
#6a9d00
rgb(106,157,0)
-
#77b000
#77b000
rgb(119,176,0)
-
#84c400
#84c400
rgb(132,196,0)
-
#92d800
#92d800
rgb(146,216,0)
-
#9feb00
#9feb00
rgb(159,235,0)
-
#acff00
#acff00
rgb(172,255,0)
-
#b3ff14
#b3ff14
rgb(179,255,20)
-
#b9ff27
#b9ff27
rgb(185,255,39)
-
#bfff3b
#bfff3b
rgb(191,255,59)
-
#c6ff4e
#c6ff4e
rgb(198,255,78)
-
#ccff62
#ccff62
rgb(204,255,98)
-
#d2ff76
#d2ff76
rgb(210,255,118)
-
#d9ff89
#d9ff89
rgb(217,255,137)
-
#dfff9d
#dfff9d
rgb(223,255,157)
-
#e5ffb0
#e5ffb0
rgb(229,255,176)
-
#ecffc4
#ecffc4
rgb(236,255,196)
-
#f2ffd8
#f2ffd8
rgb(242,255,216)
-
#f9ffeb
#f9ffeb
rgb(249,255,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ccff62
A tone is produced by adding gray to any pure hue. In this case, #b3b7aa is the less saturated color, while #ccff62 is the most saturated one.
-
#b3b7aa
#b3b7aa
rgb(179,183,170)
-
#b5bda4
#b5bda4
rgb(181,189,164)
-
#b7c39e
#b7c39e
rgb(183,195,158)
-
#b9c998
#b9c998
rgb(185,201,152)
-
#bbcf92
#bbcf92
rgb(187,207,146)
-
#bdd58c
#bdd58c
rgb(189,213,140)
-
#bfdb86
#bfdb86
rgb(191,219,134)
-
#c1e180
#c1e180
rgb(193,225,128)
-
#c4e77a
#c4e77a
rgb(196,231,122)
-
#c6ed74
#c6ed74
rgb(198,237,116)
-
#c8f36e
#c8f36e
rgb(200,243,110)
-
#caf968
#caf968
rgb(202,249,104)
-
#ccff62
#ccff62
rgb(204,255,98)
Color Blindness Simulator
Below, you can see how #ccff62 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.