#ccf680 hex color

In a RGB color space, hex #ccf680 is composed of 80% red, 96.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 48% yellow and 3.5% black. It has a hue angle of 81.4 degrees, a saturation of 86.8% and a lightness of 73.3%. #ccf680 color hex could be obtained by blending #ffffff with #99ed01. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 80
- G 96
- B 50
RGB color chart
- C 17
- M 0
- Y 48
- K 4
CMYK color chart

● #ccf680 color description : Soft green.

The hexadecimal color #ccf680 has RGB values of R:204, G:246, B:128 and CMYK values of C:0.17, M:0, Y:0.48, K:0.04. Its decimal value is 13432448.

Hex triplet	ccf680	`#ccf680`
RGB Decimal	204, 246, 128	`rgb(204,246,128)`
RGB Percent	80, 96.5, 50.2	`rgb(80%,96.5%,50.2%)`
CMYK	17, 0, 48, 4
HSL	81.4°, 86.8, 73.3	`hsl(81.4,86.8%,73.3%)`
HSV (or HSB)	81.4°, 48, 96.5
Web Safe	ccff99	`#ccff99`

CIE-LAB	91.822, -31.697, 52.009
XYZ	61.753, 80.307, 32.668
xyY	0.353, 0.46, 80.307
CIE-LCH	91.822, 60.907, 121.36
CIE-LUV	91.822, -20.047, 73.302
Hunter-Lab	89.614, -33.821, 41.116
Binary	11001100, 11110110, 10000000

#ccf680
```
#ccf680 rgb(204,246,128)
```
#aa80f6
```
#aa80f6 rgb(170,128,246)
```

Complementary Color

#f6e580
```
#f6e580 rgb(246,229,128)
```
#ccf680
```
#ccf680 rgb(204,246,128)
```
#91f680
```
#91f680 rgb(145,246,128)
```

Analogous Color

#e580f6
```
#e580f6 rgb(229,128,246)
```
#ccf680
```
#ccf680 rgb(204,246,128)
```
#8091f6
```
#8091f6 rgb(128,145,246)
```

Split Complementary Color

#f680cc
```
#f680cc rgb(246,128,204)
```
#ccf680
```
#ccf680 rgb(204,246,128)
```
#80ccf6
```
#80ccf6 rgb(128,204,246)
```

Triadic Color

#f6aa80
```
#f6aa80 rgb(246,170,128)
```
#ccf680
```
#ccf680 rgb(204,246,128)
```
#80ccf6
```
#80ccf6 rgb(128,204,246)
```
#aa80f6
```
#aa80f6 rgb(170,128,246)
```

Tetradic Color

#aff139
```
#aff139 rgb(175,241,57)
```
#b9f350
```
#b9f350 rgb(185,243,80)
```
#c2f468
```
#c2f468 rgb(194,244,104)
```
#ccf680
```
#ccf680 rgb(204,246,128)
```
#d6f898
```
#d6f898 rgb(214,248,152)
```
#dff9b0
```
#dff9b0 rgb(223,249,176)
```
#e9fbc7
```
#e9fbc7 rgb(233,251,199)
```

Monochromatic Color

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

#eaf680
```
#eaf680 rgb(234,246,128)
```
#e0f680
```
#e0f680 rgb(224,246,128)
```
#d6f680
```
#d6f680 rgb(214,246,128)
```
#ccf680
```
#ccf680 rgb(204,246,128)
```
#c2f680
```
#c2f680 rgb(194,246,128)
```
#b8f680
```
#b8f680 rgb(184,246,128)
```
#aff680
```
#aff680 rgb(175,246,128)
```

Similar Colors

Text with hexadecimal color #ccf680

This text has a font color of #ccf680.

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

#ccf680 background color

This paragraph has a background color of #ccf680.

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

#ccf680 border color

This element has a border color of #ccf680.

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

CSS codes

.text {color:#ccf680;}

.background {background-color:#ccf680;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0d1401
```
#0d1401 rgb(13,20,1)
```
#192603
```
#192603 rgb(25,38,3)
```
#263804
```
#263804 rgb(38,56,4)
```
#324a05
```
#324a05 rgb(50,74,5)
```
#3e5d07
```
#3e5d07 rgb(62,93,7)
```
#4a6f08
```
#4a6f08 rgb(74,111,8)
```
#578109
```
#578109 rgb(87,129,9)
```
#63940a
```
#63940a rgb(99,148,10)
```
#6fa60c
```
#6fa60c rgb(111,166,12)
```
#7bb80d
```
#7bb80d rgb(123,184,13)
```
#88cb0e
```
#88cb0e rgb(136,203,14)
```
#94dd10
```
#94dd10 rgb(148,221,16)
```

Shade Color Variation

#a0ee12
```
#a0ee12 rgb(160,238,18)
```
#a7f024
```
#a7f024 rgb(167,240,36)
```
#aff137
```
#aff137 rgb(175,241,55)
```
#b6f249
```
#b6f249 rgb(182,242,73)
```
#bdf35b
```
#bdf35b rgb(189,243,91)
```
#c5f56e
```
#c5f56e rgb(197,245,110)
```
#ccf680
```
#ccf680 rgb(204,246,128)
```
#d3f792
```
#d3f792 rgb(211,247,146)
```
#dbf9a5
```
#dbf9a5 rgb(219,249,165)
```
#e2fab7
```
#e2fab7 rgb(226,250,183)
```
#e9fbc9
```
#e9fbc9 rgb(233,251,201)
```
#f1fcdc
```
#f1fcdc rgb(241,252,220)
```
#f8feee
```
#f8feee rgb(248,254,238)
```

Tint Color Variation

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

#bbbcba
```
#bbbcba rgb(187,188,186)
```
#bdc2b4
```
#bdc2b4 rgb(189,194,180)
```
#bec7af
```
#bec7af rgb(190,199,175)
```
#c0ccaa
```
#c0ccaa rgb(192,204,170)
```
#c1d1a5
```
#c1d1a5 rgb(193,209,165)
```
#c3d79f
```
#c3d79f rgb(195,215,159)
```
#c4dc9a
```
#c4dc9a rgb(196,220,154)
```
#c6e195
```
#c6e195 rgb(198,225,149)
```
#c7e690
```
#c7e690 rgb(199,230,144)
```
#c9ec8a
```
#c9ec8a rgb(201,236,138)
```
#caf185
```
#caf185 rgb(202,241,133)
```
#ccf680
```
#ccf680 rgb(204,246,128)
```
#cefb7b
```
#cefb7b rgb(206,251,123)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#d9e1ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe885 Protanopia 1% of men
#ffe4c8 Deuteranopia 1% of men
#e0e9fa Tritanopia 0.001% of the population

Trichromacy

#eced83 Protanomaly 1% of men, 0.01% of women
#eceaae Deuteranomaly 6% of men, 0.4% of women
#d8edcd Tritanomaly 0.01% of the population

#ccf680 hex color

#ccf680 Color Information

#ccf680 Color Conversion

Color Schemes with #ccf680

Alternatives to #ccf680

#ccf680 Preview

Shades and Tints of #ccf680

Tones of #ccf680

Color Blindness Simulator