#ccff6b Color Information
In a RGB color space, hex #ccff6b is composed of 80% red, 100% green and 42% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 58% yellow and 0% black. It has a hue angle of 80.7 degrees, a saturation of 100% and a lightness of 71%. #ccff6b color hex could be obtained by blending #ffffd6 with #99ff00. Closest websafe color is: #ccff66.
-
- R 80
- G 100
- B 42
-
- C 20
- M 0
- Y 58
- K 0
● #ccff6b color description : Very light green.
#ccff6b Color Conversion
The hexadecimal color #ccff6b has RGB values of R:204, G:255, B:107 and CMYK values of C:0.2, M:0, Y:0.58, K:0. Its decimal value is 13434731.
Hex triplet | ccff6b | #ccff6b |
---|---|---|
RGB Decimal | 204, 255, 107 | rgb(204,255,107) |
RGB Percent | 80, 100, 42 | rgb(80%,100%,42%) |
CMYK | 20, 0, 58, 0 | |
HSL | 80.7°, 100, 71 | hsl(80.7,100%,71%) |
HSV (or HSB) | 80.7°, 58, 100 | |
Web Safe | ccff66 | #ccff66 |
CIE-LAB | 94.063, -37.734, 64.019 |
---|---|
XYZ | 63.315, 85.418, 27.061 |
xyY | 0.36, 0.486, 85.418 |
CIE-LCH | 94.063, 74.312, 120.516 |
CIE-LUV | 94.063, -24.713, 86.643 |
Hunter-Lab | 92.422, -39.455, 47.335 |
Binary | 11001100, 11111111, 01101011 |
Color Schemes with #ccff6b
Alternatives to #ccff6b
Below, you can see some colors close to #ccff6b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccff6b Preview
This text has a font color of #ccff6b.
<span style="color:#ccff6b;">Text here</span>
This paragraph has a background color of #ccff6b.
<p style="background-color:#ccff6b;">Content here</p>
This element has a border color of #ccff6b.
<div style="border:1px solid #ccff6b;">Content here</div>
.text {color:#ccff6b;}
.background {background-color:#ccff6b;}
.border {border:1px solid #ccff6b;}
Shades and Tints of #ccff6b
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 #fbfff4 is the lightest one.
-
#060900
#060900
rgb(6,9,0)
-
#131d00
#131d00
rgb(19,29,0)
-
#203000
#203000
rgb(32,48,0)
-
#2c4400
#2c4400
rgb(44,68,0)
-
#395700
#395700
rgb(57,87,0)
-
#466b00
#466b00
rgb(70,107,0)
-
#537f00
#537f00
rgb(83,127,0)
-
#609200
#609200
rgb(96,146,0)
-
#6da600
#6da600
rgb(109,166,0)
-
#7ab900
#7ab900
rgb(122,185,0)
-
#86cd00
#86cd00
rgb(134,205,0)
-
#93e100
#93e100
rgb(147,225,0)
-
#a0f400
#a0f400
rgb(160,244,0)
-
#aaff09
#aaff09
rgb(170,255,9)
-
#b1ff1d
#b1ff1d
rgb(177,255,29)
-
#b8ff30
#b8ff30
rgb(184,255,48)
-
#beff44
#beff44
rgb(190,255,68)
-
#c5ff57
#c5ff57
rgb(197,255,87)
-
#ccff6b
#ccff6b
rgb(204,255,107)
-
#d3ff7f
#d3ff7f
rgb(211,255,127)
-
#daff92
#daff92
rgb(218,255,146)
-
#e0ffa6
#e0ffa6
rgb(224,255,166)
-
#e7ffb9
#e7ffb9
rgb(231,255,185)
-
#eeffcd
#eeffcd
rgb(238,255,205)
-
#f5ffe1
#f5ffe1
rgb(245,255,225)
-
#fbfff4
#fbfff4
rgb(251,255,244)
Tones of #ccff6b
A tone is produced by adding gray to any pure hue. In this case, #b7bbaf is the less saturated color, while #ccff6b is the most saturated one.
-
#b7bbaf
#b7bbaf
rgb(183,187,175)
-
#b9c0aa
#b9c0aa
rgb(185,192,170)
-
#bac6a4
#bac6a4
rgb(186,198,164)
-
#bccc9e
#bccc9e
rgb(188,204,158)
-
#bed199
#bed199
rgb(190,209,153)
-
#c0d793
#c0d793
rgb(192,215,147)
-
#c1dd8d
#c1dd8d
rgb(193,221,141)
-
#c3e387
#c3e387
rgb(195,227,135)
-
#c5e882
#c5e882
rgb(197,232,130)
-
#c7ee7c
#c7ee7c
rgb(199,238,124)
-
#c8f476
#c8f476
rgb(200,244,118)
-
#caf971
#caf971
rgb(202,249,113)
-
#ccff6b
#ccff6b
rgb(204,255,107)
Color Blindness Simulator
Below, you can see how #ccff6b 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.