#ccf85e hex color

In a RGB color space, hex #ccf85e is composed of 80% red, 97.3% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 0% magenta, 62.1% yellow and 2.7% black. It has a hue angle of 77.1 degrees, a saturation of 91.7% and a lightness of 67.1%. #ccf85e color hex could be obtained by blending #ffffbc with #99f100. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 80
- G 97
- B 37
RGB color chart
- C 18
- M 0
- Y 62
- K 3
CMYK color chart

● #ccf85e color description : Soft green.

The hexadecimal color #ccf85e has RGB values of R:204, G:248, B:94 and CMYK values of C:0.18, M:0, Y:0.62, K:0.03. Its decimal value is 13432926.

Hex triplet	ccf85e	`#ccf85e`
RGB Decimal	204, 248, 94	`rgb(204,248,94)`
RGB Percent	80, 97.3, 36.9	`rgb(80%,97.3%,36.9%)`
CMYK	18, 0, 62, 3
HSL	77.1°, 91.7, 67.1	`hsl(77.1,91.7%,67.1%)`
HSV (or HSB)	77.1°, 62.1, 97.3
Web Safe	ccff66	`#ccff66`

CIE-LAB	92.034, -35.582, 67.163
XYZ	60.489, 80.78, 22.994
xyY	0.368, 0.492, 80.78
CIE-LCH	92.034, 76.007, 117.914
CIE-LUV	92.034, -20.858, 88.227
Hunter-Lab	89.877, -37.153, 47.745
Binary	11001100, 11111000, 01011110

#ccf85e
```
#ccf85e rgb(204,248,94)
```
#8a5ef8
```
#8a5ef8 rgb(138,94,248)
```

Complementary Color

#f8d75e
```
#f8d75e rgb(248,215,94)
```
#ccf85e
```
#ccf85e rgb(204,248,94)
```
#7ff85e
```
#7ff85e rgb(127,248,94)
```

Analogous Color

#d75ef8
```
#d75ef8 rgb(215,94,248)
```
#ccf85e
```
#ccf85e rgb(204,248,94)
```
#5e7ff8
```
#5e7ff8 rgb(94,127,248)
```

Split Complementary Color

#f85ecc
```
#f85ecc rgb(248,94,204)
```
#ccf85e
```
#ccf85e rgb(204,248,94)
```
#5eccf8
```
#5eccf8 rgb(94,204,248)
```

Triadic Color

#f88a5e
```
#f88a5e rgb(248,138,94)
```
#ccf85e
```
#ccf85e rgb(204,248,94)
```
#5eccf8
```
#5eccf8 rgb(94,204,248)
```
#8a5ef8
```
#8a5ef8 rgb(138,94,248)
```

Tetradic Color

#b5f515
```
#b5f515 rgb(181,245,21)
```
#bdf62d
```
#bdf62d rgb(189,246,45)
```
#c4f746
```
#c4f746 rgb(196,247,70)
```
#ccf85e
```
#ccf85e rgb(204,248,94)
```
#d4f976
```
#d4f976 rgb(212,249,118)
```
#dbfa8f
```
#dbfa8f rgb(219,250,143)
```
#e3fba7
```
#e3fba7 rgb(227,251,167)
```

Monochromatic Color

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

#f3f85e
```
#f3f85e rgb(243,248,94)
```
#e6f85e
```
#e6f85e rgb(230,248,94)
```
#d9f85e
```
#d9f85e rgb(217,248,94)
```
#ccf85e
```
#ccf85e rgb(204,248,94)
```
#bff85e
```
#bff85e rgb(191,248,94)
```
#b2f85e
```
#b2f85e rgb(178,248,94)
```
#a6f85e
```
#a6f85e rgb(166,248,94)
```

Similar Colors

Text with hexadecimal color #ccf85e

This text has a font color of #ccf85e.

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

#ccf85e background color

This paragraph has a background color of #ccf85e.

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

#ccf85e border color

This element has a border color of #ccf85e.

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

CSS codes

.text {color:#ccf85e;}

.background {background-color:#ccf85e;}

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

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

#060800
```
#060800 rgb(6,8,0)
```
#141b01
```
#141b01 rgb(20,27,1)
```
#212e02
```
#212e02 rgb(33,46,2)
```
#2f4103
```
#2f4103 rgb(47,65,3)
```
#3d5304
```
#3d5304 rgb(61,83,4)
```
#4a6604
```
#4a6604 rgb(74,102,4)
```
#587905
```
#587905 rgb(88,121,5)
```
#668c06
```
#668c06 rgb(102,140,6)
```
#739f07
```
#739f07 rgb(115,159,7)
```
#81b108
```
#81b108 rgb(129,177,8)
```
#8fc409
```
#8fc409 rgb(143,196,9)
```
#9cd709
```
#9cd709 rgb(156,215,9)
```
#aaea0a
```
#aaea0a rgb(170,234,10)
```

Shade Color Variation

#b4f513
```
#b4f513 rgb(180,245,19)
```
#baf626
```
#baf626 rgb(186,246,38)
```
#c0f638
```
#c0f638 rgb(192,246,56)
```
#c6f74b
```
#c6f74b rgb(198,247,75)
```
#ccf85e
```
#ccf85e rgb(204,248,94)
```
#d2f971
```
#d2f971 rgb(210,249,113)
```
#d8fa84
```
#d8fa84 rgb(216,250,132)
```
#defa96
```
#defa96 rgb(222,250,150)
```
#e4fba9
```
#e4fba9 rgb(228,251,169)
```
#eafcbc
```
#eafcbc rgb(234,252,188)
```
#f0fdcf
```
#f0fdcf rgb(240,253,207)
```
#f6fee2
```
#f6fee2 rgb(246,254,226)
```
#fcfff4
```
#fcfff4 rgb(252,255,244)
```

Tint Color Variation

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

#aeb1a5
```
#aeb1a5 rgb(174,177,165)
```
#b0b79f
```
#b0b79f rgb(176,183,159)
```
#b3be98
```
#b3be98 rgb(179,190,152)
```
#b6c492
```
#b6c492 rgb(182,196,146)
```
#b9cb8b
```
#b9cb8b rgb(185,203,139)
```
#bbd185
```
#bbd185 rgb(187,209,133)
```
#bed87e
```
#bed87e rgb(190,216,126)
```
#c1de78
```
#c1de78 rgb(193,222,120)
```
#c4e571
```
#c4e571 rgb(196,229,113)
```
#c6eb6b
```
#c6eb6b rgb(198,235,107)
```
#c9f264
```
#c9f264 rgb(201,242,100)
```
#ccf85e
```
#ccf85e rgb(204,248,94)
```
#cffe58
```
#cffe58 rgb(207,254,88)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d6dfc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe987 Protanopia 1% of men
#ffe5c7 Deuteranopia 1% of men
#e2e9fa Tritanopia 0.001% of the population

Trichromacy

#ecee78 Protanomaly 1% of men, 0.01% of women
#ececa1 Deuteranomaly 6% of men, 0.4% of women
#daeec1 Tritanomaly 0.01% of the population

#ccf85e hex color

#ccf85e Color Information

#ccf85e Color Conversion

Color Schemes with #ccf85e

Alternatives to #ccf85e

#ccf85e Preview

Shades and Tints of #ccf85e

Tones of #ccf85e

Color Blindness Simulator