#ccff66 hex color (#cf6)

In a RGB color space, hex #ccff66 is composed of 80% red, 100% green and 40% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 60% yellow and 0% black. It has a hue angle of 80 degrees, a saturation of 100% and a lightness of 70%. #ccff66 color hex could be obtained by blending #ffffcc with #99ff00. #ccff66 (or #cf6) is a websafe color.

♥
- f
- t
- g
- R 80
- G 100
- B 40
RGB color chart
- C 20
- M 0
- Y 60
- K 0
CMYK color chart

● #ccff66 color description : Light green.

The hexadecimal color #ccff66 has RGB values of R:204, G:255, B:102 and CMYK values of C:0.2, M:0, Y:0.6, K:0. Its decimal value is 13434726.

Hex triplet	ccff66	`#ccff66`
RGB Decimal	204, 255, 102	`rgb(204,255,102)`
RGB Percent	80, 100, 40	`rgb(80%,100%,40%)`
CMYK	20, 0, 60, 0
HSL	80°, 100, 70	`hsl(80,100%,70%)`
HSV (or HSB)	80°, 60, 100
Web Safe	ccff66	`#ccff66`

CIE-LAB	94.019, -38.133, 66.063
XYZ	63.059, 85.316, 25.715
xyY	0.362, 0.49, 85.316
CIE-LCH	94.019, 76.279, 119.994
CIE-LUV	94.019, -24.691, 88.515
Hunter-Lab	92.366, -39.779, 48.15
Binary	11001100, 11111111, 01100110

#ccff66
```
#ccff66 rgb(204,255,102)
```
#9966ff
```
#9966ff rgb(153,102,255)
```

Complementary Color

#ffe666
```
#ffe666 rgb(255,230,102)
```
#ccff66
```
#ccff66 rgb(204,255,102)
```
#80ff66
```
#80ff66 rgb(128,255,102)
```

Analogous Color

#e666ff
```
#e666ff rgb(230,102,255)
```
#ccff66
```
#ccff66 rgb(204,255,102)
```
#6680ff
```
#6680ff rgb(102,128,255)
```

Split Complementary Color

#ff66cc
```
#ff66cc rgb(255,102,204)
```
#ccff66
```
#ccff66 rgb(204,255,102)
```
#66ccff
```
#66ccff rgb(102,204,255)
```

Triadic Color

#ff9966
```
#ff9966 rgb(255,153,102)
```
#ccff66
```
#ccff66 rgb(204,255,102)
```
#66ccff
```
#66ccff rgb(102,204,255)
```
#9966ff
```
#9966ff rgb(153,102,255)
```

Tetradic Color

#b3ff1a
```
#b3ff1a rgb(179,255,26)
```
#bbff33
```
#bbff33 rgb(187,255,51)
```
#c4ff4d
```
#c4ff4d rgb(196,255,77)
```
#ccff66
```
#ccff66 rgb(204,255,102)
```
#d5ff80
```
#d5ff80 rgb(213,255,128)
```
#ddff99
```
#ddff99 rgb(221,255,153)
```
#e6ffb3
```
#e6ffb3 rgb(230,255,179)
```

Monochromatic Color

Below, you can see some colors close to #ccff66. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f2ff66
```
#f2ff66 rgb(242,255,102)
```
#e6ff66
```
#e6ff66 rgb(230,255,102)
```
#d9ff66
```
#d9ff66 rgb(217,255,102)
```
#ccff66
```
#ccff66 rgb(204,255,102)
```
#bfff66
```
#bfff66 rgb(191,255,102)
```
#b3ff66
```
#b3ff66 rgb(179,255,102)
```
#a6ff66
```
#a6ff66 rgb(166,255,102)
```

Similar Colors

Text with hexadecimal color #ccff66

This text has a font color of #ccff66.

<span style="color:#ccff66;">Text here</span>

#ccff66 background color

This paragraph has a background color of #ccff66.

<p style="background-color:#ccff66;">Content here</p>

#ccff66 border color

This element has a border color of #ccff66.

<div style="border:1px solid #ccff66;">Content here</div>

CSS codes

.text {color:#ccff66;}

.background {background-color:#ccff66;}

.border {border:1px solid #ccff66;}

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, #030400 is the darkest color, while #faffef is the lightest one.

#030400
```
#030400 rgb(3,4,0)
```
#101800
```
#101800 rgb(16,24,0)
```
#1d2b00
```
#1d2b00 rgb(29,43,0)
```
#2a3f00
```
#2a3f00 rgb(42,63,0)
```
#375200
```
#375200 rgb(55,82,0)
```
#446600
```
#446600 rgb(68,102,0)
```
#517a00
```
#517a00 rgb(81,122,0)
```
#5e8d00
```
#5e8d00 rgb(94,141,0)
```
#6ba100
```
#6ba100 rgb(107,161,0)
```
#78b400
```
#78b400 rgb(120,180,0)
```
#85c800
```
#85c800 rgb(133,200,0)
```
#92dc00
```
#92dc00 rgb(146,220,0)
```
#a0ef00
```
#a0ef00 rgb(160,239,0)
```

Shade Color Variation

#abff04
```
#abff04 rgb(171,255,4)
```
#b2ff18
```
#b2ff18 rgb(178,255,24)
```
#b8ff2b
```
#b8ff2b rgb(184,255,43)
```
#bfff3f
```
#bfff3f rgb(191,255,63)
```
#c5ff52
```
#c5ff52 rgb(197,255,82)
```
#ccff66
```
#ccff66 rgb(204,255,102)
```
#d3ff7a
```
#d3ff7a rgb(211,255,122)
```
#d9ff8d
```
#d9ff8d rgb(217,255,141)
```
#e0ffa1
```
#e0ffa1 rgb(224,255,161)
```
#e6ffb4
```
#e6ffb4 rgb(230,255,180)
```
#edffc8
```
#edffc8 rgb(237,255,200)
```
#f3ffdc
```
#f3ffdc rgb(243,255,220)
```
#faffef
```
#faffef rgb(250,255,239)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #b4b8ad is the less saturated color, while #ccff66 is the most saturated one.

#b4b8ad
```
#b4b8ad rgb(180,184,173)
```
#b6bea7
```
#b6bea7 rgb(182,190,167)
```
#b8c4a1
```
#b8c4a1 rgb(184,196,161)
```
#baca9b
```
#baca9b rgb(186,202,155)
```
#bcd095
```
#bcd095 rgb(188,208,149)
```
#bed68f
```
#bed68f rgb(190,214,143)
```
#c0dc89
```
#c0dc89 rgb(192,220,137)
```
#c2e283
```
#c2e283 rgb(194,226,131)
```
#c4e77e
```
#c4e77e rgb(196,231,126)
```
#c6ed78
```
#c6ed78 rgb(198,237,120)
```
#c8f372
```
#c8f372 rgb(200,243,114)
```
#caf96c
```
#caf96c rgb(202,249,108)
```
#ccff66
```
#ccff66 rgb(204,255,102)
```

Tone Color Variation

Below, you can see how #ccff66 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.

Monochromacy

#dedede Achromatopsia 0.005% of the population
#dae5c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeeae Protanopia 1% of men
#ffebd6 Deuteranopia 1% of men
#e4efff Tritanopia 0.001% of the population

Trichromacy

#ecf494 Protanomaly 1% of men, 0.01% of women
#ecf2ad Deuteranomaly 6% of men, 0.4% of women
#dbf5c7 Tritanomaly 0.01% of the population

#ccff66 hex color

#ccff66 Color Information

#ccff66 Color Conversion

Color Schemes with #ccff66

Alternatives to #ccff66

#ccff66 Preview

Shades and Tints of #ccff66

Tones of #ccff66

Color Blindness Simulator