#ccff5f hex color

In a RGB color space, hex #ccff5f is composed of 80% red, 100% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 62.7% yellow and 0% black. It has a hue angle of 79.1 degrees, a saturation of 100% and a lightness of 68.6%. #ccff5f color hex could be obtained by blending #ffffbe with #99ff00. Closest websafe color is: #ccff66.

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

● #ccff5f color description : Light green.

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

Hex triplet	ccff5f	`#ccff5f`
RGB Decimal	204, 255, 95	`rgb(204,255,95)`
RGB Percent	80, 100, 37.3	`rgb(80%,100%,37.3%)`
CMYK	20, 0, 63, 0
HSL	79.1°, 100, 68.6	`hsl(79.1,100%,68.6%)`
HSV (or HSB)	79.1°, 62.7, 100
Web Safe	ccff66	`#ccff66`

CIE-LAB	93.962, -38.655, 68.838
XYZ	62.726, 85.183, 23.963
xyY	0.365, 0.496, 85.183
CIE-LCH	93.962, 78.949, 119.315
CIE-LUV	93.962, -24.661, 90.973
Hunter-Lab	92.294, -40.201, 49.212
Binary	11001100, 11111111, 01011111

#ccff5f
```
#ccff5f rgb(204,255,95)
```
#925fff
```
#925fff rgb(146,95,255)
```

Complementary Color

#ffe25f
```
#ffe25f rgb(255,226,95)
```
#ccff5f
```
#ccff5f rgb(204,255,95)
```
#7cff5f
```
#7cff5f rgb(124,255,95)
```

Analogous Color

#e25fff
```
#e25fff rgb(226,95,255)
```
#ccff5f
```
#ccff5f rgb(204,255,95)
```
#5f7cff
```
#5f7cff rgb(95,124,255)
```

Split Complementary Color

#ff5fcc
```
#ff5fcc rgb(255,95,204)
```
#ccff5f
```
#ccff5f rgb(204,255,95)
```
#5fccff
```
#5fccff rgb(95,204,255)
```

Triadic Color

#ff925f
```
#ff925f rgb(255,146,95)
```
#ccff5f
```
#ccff5f rgb(204,255,95)
```
#5fccff
```
#5fccff rgb(95,204,255)
```
#925fff
```
#925fff rgb(146,95,255)
```

Tetradic Color

#b4ff13
```
#b4ff13 rgb(180,255,19)
```
#bcff2c
```
#bcff2c rgb(188,255,44)
```
#c4ff46
```
#c4ff46 rgb(196,255,70)
```
#ccff5f
```
#ccff5f rgb(204,255,95)
```
#d4ff79
```
#d4ff79 rgb(212,255,121)
```
#dcff92
```
#dcff92 rgb(220,255,146)
```
#e4ffac
```
#e4ffac rgb(228,255,172)
```

Monochromatic Color

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

#f4ff5f
```
#f4ff5f rgb(244,255,95)
```
#e7ff5f
```
#e7ff5f rgb(231,255,95)
```
#d9ff5f
```
#d9ff5f rgb(217,255,95)
```
#ccff5f
```
#ccff5f rgb(204,255,95)
```
#bfff5f
```
#bfff5f rgb(191,255,95)
```
#b1ff5f
```
#b1ff5f rgb(177,255,95)
```
#a4ff5f
```
#a4ff5f rgb(164,255,95)
```

Similar Colors

Text with hexadecimal color #ccff5f

This text has a font color of #ccff5f.

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

#ccff5f background color

This paragraph has a background color of #ccff5f.

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

#ccff5f border color

This element has a border color of #ccff5f.

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

CSS codes

.text {color:#ccff5f;}

.background {background-color:#ccff5f;}

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

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, #0b1100 is the darkest color, while #fefffc is the lightest one.

#0b1100
```
#0b1100 rgb(11,17,0)
```
#192400
```
#192400 rgb(25,36,0)
```
#263800
```
#263800 rgb(38,56,0)
```
#334b00
```
#334b00 rgb(51,75,0)
```
#415f00
```
#415f00 rgb(65,95,0)
```
#4e7300
```
#4e7300 rgb(78,115,0)
```
#5b8600
```
#5b8600 rgb(91,134,0)
```
#699a00
```
#699a00 rgb(105,154,0)
```
#76ad00
```
#76ad00 rgb(118,173,0)
```
#84c100
```
#84c100 rgb(132,193,0)
```
#91d500
```
#91d500 rgb(145,213,0)
```
#9ee800
```
#9ee800 rgb(158,232,0)
```
#acfc00
```
#acfc00 rgb(172,252,0)
```

Shade Color Variation

#b3ff11
```
#b3ff11 rgb(179,255,17)
```
#b9ff24
```
#b9ff24 rgb(185,255,36)
```
#bfff38
```
#bfff38 rgb(191,255,56)
```
#c6ff4b
```
#c6ff4b rgb(198,255,75)
```
#ccff5f
```
#ccff5f rgb(204,255,95)
```
#d2ff73
```
#d2ff73 rgb(210,255,115)
```
#d9ff86
```
#d9ff86 rgb(217,255,134)
```
#dfff9a
```
#dfff9a rgb(223,255,154)
```
#e5ffad
```
#e5ffad rgb(229,255,173)
```
#ebffc1
```
#ebffc1 rgb(235,255,193)
```
#f2ffd5
```
#f2ffd5 rgb(242,255,213)
```
#f8ffe8
```
#f8ffe8 rgb(248,255,232)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#b1b5a9
```
#b1b5a9 rgb(177,181,169)
```
#b3bba3
```
#b3bba3 rgb(179,187,163)
```
#b6c19d
```
#b6c19d rgb(182,193,157)
```
#b8c896
```
#b8c896 rgb(184,200,150)
```
#bace90
```
#bace90 rgb(186,206,144)
```
#bcd48a
```
#bcd48a rgb(188,212,138)
```
#bfda84
```
#bfda84 rgb(191,218,132)
```
#c1e07e
```
#c1e07e rgb(193,224,126)
```
#c3e678
```
#c3e678 rgb(195,230,120)
```
#c5ed71
```
#c5ed71 rgb(197,237,113)
```
#c8f36b
```
#c8f36b rgb(200,243,107)
```
#caf965
```
#caf965 rgb(202,249,101)
```
#ccff5f
```
#ccff5f rgb(204,255,95)
```

Tone Color Variation

Below, you can see how #ccff5f 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
#dae5c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#ecf490 Protanomaly 1% of men, 0.01% of women
#ecf2aa Deuteranomaly 6% of men, 0.4% of women
#dbf5c4 Tritanomaly 0.01% of the population

#ccff5f hex color

#ccff5f Color Information

#ccff5f Color Conversion

Color Schemes with #ccff5f

Alternatives to #ccff5f

#ccff5f Preview

Shades and Tints of #ccff5f

Tones of #ccff5f

Color Blindness Simulator