#ccffcc Color Information
In a RGB color space, hex #ccffcc is composed of 80% red, 100% green and 80% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 20% yellow and 0% black. It has a hue angle of 120 degrees, a saturation of 100% and a lightness of 90%. #ccffcc color hex could be obtained by blending #ffffff with #99ff99. #ccffcc (or #cfc) is a websafe color.
-
- R 80
- G 100
- B 80
-
- C 20
- M 0
- Y 20
- K 0
● #ccffcc color description : Very pale lime green.
#ccffcc Color Conversion
The hexadecimal color #ccffcc has RGB values of R:204, G:255, B:204 and CMYK values of C:0.2, M:0, Y:0.2, K:0. Its decimal value is 13434828.
Hex triplet | ccffcc | #ccffcc |
---|---|---|
RGB Decimal | 204, 255, 204 | rgb(204,255,204) |
RGB Percent | 80, 100, 80 | rgb(80%,100%,80%) |
CMYK | 20, 0, 20, 0 | |
HSL | 120°, 100, 90 | hsl(120,100%,90%) |
HSV (or HSB) | 120°, 20, 100 | |
Web Safe | ccffcc | #ccffcc |
CIE-LAB | 95.461, -25.578, 19.169 |
---|---|
XYZ | 71.558, 88.715, 70.477 |
xyY | 0.31, 0.384, 88.715 |
CIE-LCH | 95.461, 31.964, 143.15 |
CIE-LUV | 95.461, -25.398, 32.818 |
Hunter-Lab | 94.189, -29.219, 21.568 |
Binary | 11001100, 11111111, 11001100 |
Color Schemes with #ccffcc
Alternatives to #ccffcc
Below, you can see some colors close to #ccffcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccffcc Preview
This text has a font color of #ccffcc.
<span style="color:#ccffcc;">Text here</span>
This paragraph has a background color of #ccffcc.
<p style="background-color:#ccffcc;">Content here</p>
This element has a border color of #ccffcc.
<div style="border:1px solid #ccffcc;">Content here</div>
.text {color:#ccffcc;}
.background {background-color:#ccffcc;}
.border {border:1px solid #ccffcc;}
Shades and Tints of #ccffcc
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, #000800 is the darkest color, while #f3fff3 is the lightest one.
-
#000800
#000800
rgb(0,8,0)
-
#001b00
#001b00
rgb(0,27,0)
-
#002f00
#002f00
rgb(0,47,0)
-
#004300
#004300
rgb(0,67,0)
-
#005600
#005600
rgb(0,86,0)
-
#006a00
#006a00
rgb(0,106,0)
-
#007e00
#007e00
rgb(0,126,0)
-
#009100
#009100
rgb(0,145,0)
-
#00a500
#00a500
rgb(0,165,0)
-
#00b800
#00b800
rgb(0,184,0)
-
#00cc00
#00cc00
rgb(0,204,0)
-
#00e000
#00e000
rgb(0,224,0)
-
#00f300
#00f300
rgb(0,243,0)
-
#08ff08
#08ff08
rgb(8,255,8)
-
#1bff1b
#1bff1b
rgb(27,255,27)
-
#2fff2f
#2fff2f
rgb(47,255,47)
-
#43ff43
#43ff43
rgb(67,255,67)
-
#56ff56
#56ff56
rgb(86,255,86)
-
#6aff6a
#6aff6a
rgb(106,255,106)
-
#7eff7e
#7eff7e
rgb(126,255,126)
-
#91ff91
#91ff91
rgb(145,255,145)
-
#a5ffa5
#a5ffa5
rgb(165,255,165)
-
#b8ffb8
#b8ffb8
rgb(184,255,184)
-
#ccffcc
#ccffcc
rgb(204,255,204)
-
#e0ffe0
#e0ffe0
rgb(224,255,224)
-
#f3fff3
#f3fff3
rgb(243,255,243)
Tones of #ccffcc
A tone is produced by adding gray to any pure hue. In this case, #e4e7e4 is the less saturated color, while #ccffcc is the most saturated one.
-
#e4e7e4
#e4e7e4
rgb(228,231,228)
-
#e2e9e2
#e2e9e2
rgb(226,233,226)
-
#e0ebe0
#e0ebe0
rgb(224,235,224)
-
#deedde
#deedde
rgb(222,237,222)
-
#dcefdc
#dcefdc
rgb(220,239,220)
-
#daf1da
#daf1da
rgb(218,241,218)
-
#d8f3d8
#d8f3d8
rgb(216,243,216)
-
#d6f5d6
#d6f5d6
rgb(214,245,214)
-
#d4f7d4
#d4f7d4
rgb(212,247,212)
-
#d2f9d2
#d2f9d2
rgb(210,249,210)
-
#d0fbd0
#d0fbd0
rgb(208,251,208)
-
#cefdce
#cefdce
rgb(206,253,206)
-
#ccffcc
#ccffcc
rgb(204,255,204)
Color Blindness Simulator
Below, you can see how #ccffcc 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.