#ccf080 hex color

In a RGB color space, hex #ccf080 is composed of 80% red, 94.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 46.7% yellow and 5.9% black. It has a hue angle of 79.3 degrees, a saturation of 78.9% and a lightness of 72.2%. #ccf080 color hex could be obtained by blending #ffffff with #99e101. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 80
- G 94
- B 50
RGB color chart
- C 15
- M 0
- Y 47
- K 6
CMYK color chart

● #ccf080 color description : Soft green.

The hexadecimal color #ccf080 has RGB values of R:204, G:240, B:128 and CMYK values of C:0.15, M:0, Y:0.47, K:0.06. Its decimal value is 13430912.

Hex triplet	ccf080	`#ccf080`
RGB Decimal	204, 240, 128	`rgb(204,240,128)`
RGB Percent	80, 94.1, 50.2	`rgb(80%,94.1%,50.2%)`
CMYK	15, 0, 47, 6
HSL	79.3°, 78.9, 72.2	`hsl(79.3,78.9%,72.2%)`
HSV (or HSB)	79.3°, 46.7, 94.1
Web Safe	ccff99	`#ccff99`

CIE-LAB	90.19, -28.902, 50.019
XYZ	59.957, 76.715, 32.07
xyY	0.355, 0.455, 76.715
CIE-LCH	90.19, 57.768, 120.02
CIE-LUV	90.19, -16.802, 70.31
Hunter-Lab	87.587, -31.088, 39.602
Binary	11001100, 11110000, 10000000

#ccf080
```
#ccf080 rgb(204,240,128)
```
#a480f0
```
#a480f0 rgb(164,128,240)
```

Complementary Color

#f0dc80
```
#f0dc80 rgb(240,220,128)
```
#ccf080
```
#ccf080 rgb(204,240,128)
```
#94f080
```
#94f080 rgb(148,240,128)
```

Analogous Color

#dc80f0
```
#dc80f0 rgb(220,128,240)
```
#ccf080
```
#ccf080 rgb(204,240,128)
```
#8094f0
```
#8094f0 rgb(128,148,240)
```

Split Complementary Color

#f080cc
```
#f080cc rgb(240,128,204)
```
#ccf080
```
#ccf080 rgb(204,240,128)
```
#80ccf0
```
#80ccf0 rgb(128,204,240)
```

Triadic Color

#f0a480
```
#f0a480 rgb(240,164,128)
```
#ccf080
```
#ccf080 rgb(204,240,128)
```
#80ccf0
```
#80ccf0 rgb(128,204,240)
```
#a480f0
```
#a480f0 rgb(164,128,240)
```

Tetradic Color

#b1e83c
```
#b1e83c rgb(177,232,60)
```
#baeb52
```
#baeb52 rgb(186,235,82)
```
#c3ed69
```
#c3ed69 rgb(195,237,105)
```
#ccf080
```
#ccf080 rgb(204,240,128)
```
#d5f397
```
#d5f397 rgb(213,243,151)
```
#def5ae
```
#def5ae rgb(222,245,174)
```
#e7f8c4
```
#e7f8c4 rgb(231,248,196)
```

Monochromatic Color

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

#e8f080
```
#e8f080 rgb(232,240,128)
```
#dff080
```
#dff080 rgb(223,240,128)
```
#d5f080
```
#d5f080 rgb(213,240,128)
```
#ccf080
```
#ccf080 rgb(204,240,128)
```
#c3f080
```
#c3f080 rgb(195,240,128)
```
#b9f080
```
#b9f080 rgb(185,240,128)
```
#b0f080
```
#b0f080 rgb(176,240,128)
```

Similar Colors

Text with hexadecimal color #ccf080

This text has a font color of #ccf080.

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

#ccf080 background color

This paragraph has a background color of #ccf080.

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

#ccf080 border color

This element has a border color of #ccf080.

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

CSS codes

.text {color:#ccf080;}

.background {background-color:#ccf080;}

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

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

#0a0d02
```
#0a0d02 rgb(10,13,2)
```
#161f04
```
#161f04 rgb(22,31,4)
```
#233006
```
#233006 rgb(35,48,6)
```
#2f4208
```
#2f4208 rgb(47,66,8)
```
#3c540a
```
#3c540a rgb(60,84,10)
```
#48650c
```
#48650c rgb(72,101,12)
```
#55770e
```
#55770e rgb(85,119,14)
```
#628810
```
#628810 rgb(98,136,16)
```
#6e9a12
```
#6e9a12 rgb(110,154,18)
```
#7bab14
```
#7bab14 rgb(123,171,20)
```
#87bd16
```
#87bd16 rgb(135,189,22)
```
#94ce18
```
#94ce18 rgb(148,206,24)
```
#a0e01a
```
#a0e01a rgb(160,224,26)
```

Shade Color Variation

#a9e628
```
#a9e628 rgb(169,230,40)
```
#b0e83a
```
#b0e83a rgb(176,232,58)
```
#b7ea4b
```
#b7ea4b rgb(183,234,75)
```
#beec5d
```
#beec5d rgb(190,236,93)
```
#c5ee6e
```
#c5ee6e rgb(197,238,110)
```
#ccf080
```
#ccf080 rgb(204,240,128)
```
#d3f292
```
#d3f292 rgb(211,242,146)
```
#daf4a3
```
#daf4a3 rgb(218,244,163)
```
#e1f6b5
```
#e1f6b5 rgb(225,246,181)
```
#e8f8c6
```
#e8f8c6 rgb(232,248,198)
```
#effad8
```
#effad8 rgb(239,250,216)
```
#f6fce9
```
#f6fce9 rgb(246,252,233)
```
#fdfffb
```
#fdfffb rgb(253,255,251)
```

Tint Color Variation

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

#b8b9b7
```
#b8b9b7 rgb(184,185,183)
```
#babfb1
```
#babfb1 rgb(186,191,177)
```
#bcc4ac
```
#bcc4ac rgb(188,196,172)
```
#becaa6
```
#becaa6 rgb(190,202,166)
```
#c0cfa1
```
#c0cfa1 rgb(192,207,161)
```
#c2d59b
```
#c2d59b rgb(194,213,155)
```
#c4da96
```
#c4da96 rgb(196,218,150)
```
#c6e090
```
#c6e090 rgb(198,224,144)
```
#c8e58b
```
#c8e58b rgb(200,229,139)
```
#caeb85
```
#caeb85 rgb(202,235,133)
```
#ccf080
```
#ccf080 rgb(204,240,128)
```
#cef57b
```
#cef57b rgb(206,245,123)
```
#d0fb75
```
#d0fb75 rgb(208,251,117)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d6ddc6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fae482 Protanopia 1% of men
#ffdfbc Deuteranopia 1% of men
#dee4f4 Tritanopia 0.001% of the population

Trichromacy

#e9e881 Protanomaly 1% of men, 0.01% of women
#ece5a6 Deuteranomaly 6% of men, 0.4% of women
#d8e8ca Tritanomaly 0.01% of the population

#ccf080 hex color

#ccf080 Color Information

#ccf080 Color Conversion

Color Schemes with #ccf080

Alternatives to #ccf080

#ccf080 Preview

Shades and Tints of #ccf080

Tones of #ccf080

Color Blindness Simulator