#ccff00 Color Information

In a RGB color space, hex #ccff00 (also known as Fluorescent yellow, Electric lime) is composed of 80% red, 100% green and 0% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 100% yellow and 0% black. It has a hue angle of 72 degrees, a saturation of 100% and a lightness of 50%. #ccff00 color hex could be obtained by blending #ffff00 with #99ff00. #ccff00 (or #cf0) is a websafe color.

    • R 80
    • G 100
    • B 0
    RGB color chart
    • C 20
    • M 0
    • Y 100
    • K 0
    CMYK color chart

#ccff00 color description : Pure (or mostly pure) yellow.

#ccff00 Color Conversion

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

Hex triplet ccff00 #ccff00
RGB Decimal 204, 255, 0 rgb(204,255,0)
RGB Percent 80, 100, 0 rgb(80%,100%,0%)
CMYK 20, 0, 100, 0
HSL 72°, 100, 50 hsl(72,100%,50%)
HSV (or HSB) 72°, 100, 100
Web Safe ccff00 #ccff00
CIE-LAB 93.605, -41.948, 90.274
XYZ 60.661, 84.357, 13.087
xyY 0.384, 0.534, 84.357
CIE-LCH 93.605, 99.544, 114.923
CIE-LUV 93.605, -24.475, 106.781
Hunter-Lab 91.846, -42.837, 55.844
Binary 11001100, 11111111, 00000000

Color Schemes with #ccff00

Complementary Color
Analogous Color
Split Complementary Color
Triadic Color
Tetradic Color
Monochromatic Color

Alternatives to #ccff00

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

Similar Colors

#ccff00 Preview

Text with hexadecimal color #ccff00

This text has a font color of #ccff00.

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

This paragraph has a background color of #ccff00.

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

This element has a border color of #ccff00.

<div style="border:1px solid #ccff00;">Content here</div>
CSS codes
.text {color:#ccff00;}
.background {background-color:#ccff00;}
.border {border:1px solid #ccff00;}

Shades and Tints of #ccff00

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

Shade Color Variation
Tint Color Variation

Tones of #ccff00

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

Tone Color Variation

Color Blindness Simulator

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

  • #d3d3d3 Achromatopsia 0.005% of the population
  • #d2dca9 Atypical Achromatopsia 0.001% of the population
  • #ffeda5 Protanopia 1% of men
  • #ffead1 Deuteranopia 1% of men
  • #e5edfe Tritanopia 0.001% of the population
  • #ecf469 Protanomaly 1% of men, 0.01% of women
  • #ecf285 Deuteranomaly 6% of men, 0.4% of women
  • #dcf4a2 Tritanomaly 0.01% of the population