#ccf770 hex color

In a RGB color space, hex #ccf770 is composed of 80% red, 96.9% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 17.4% cyan, 0% magenta, 54.7% yellow and 3.1% black. It has a hue angle of 79.1 degrees, a saturation of 89.4% and a lightness of 70.4%. #ccf770 color hex could be obtained by blending #ffffe0 with #99ef00. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 80
- G 97
- B 44
RGB color chart
- C 17
- M 0
- Y 55
- K 3
CMYK color chart

● #ccf770 color description : Soft green.

The hexadecimal color #ccf770 has RGB values of R:204, G:247, B:112 and CMYK values of C:0.17, M:0, Y:0.55, K:0.03. Its decimal value is 13432688.

Hex triplet	ccf770	`#ccf770`
RGB Decimal	204, 247, 112	`rgb(204,247,112)`
RGB Percent	80, 96.9, 43.9	`rgb(80%,96.9%,43.9%)`
CMYK	17, 0, 55, 3
HSL	79.1°, 89.4, 70.4	`hsl(79.1,89.4%,70.4%)`
HSV (or HSB)	79.1°, 54.7, 96.9
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.921, -33.687, 59.415
XYZ	61.086, 80.528, 27.654
xyY	0.361, 0.476, 80.528
CIE-LCH	91.921, 68.3, 119.552
CIE-LUV	91.921, -20.443, 80.943
Hunter-Lab	89.737, -35.532, 44.545
Binary	11001100, 11110111, 01110000

#ccf770
```
#ccf770 rgb(204,247,112)
```
#9b70f7
```
#9b70f7 rgb(155,112,247)
```

Complementary Color

#f7df70
```
#f7df70 rgb(247,223,112)
```
#ccf770
```
#ccf770 rgb(204,247,112)
```
#89f770
```
#89f770 rgb(137,247,112)
```

Analogous Color

#df70f7
```
#df70f7 rgb(223,112,247)
```
#ccf770
```
#ccf770 rgb(204,247,112)
```
#7089f7
```
#7089f7 rgb(112,137,247)
```

Split Complementary Color

#f770cc
```
#f770cc rgb(247,112,204)
```
#ccf770
```
#ccf770 rgb(204,247,112)
```
#70ccf7
```
#70ccf7 rgb(112,204,247)
```

Triadic Color

#f79b70
```
#f79b70 rgb(247,155,112)
```
#ccf770
```
#ccf770 rgb(204,247,112)
```
#70ccf7
```
#70ccf7 rgb(112,204,247)
```
#9b70f7
```
#9b70f7 rgb(155,112,247)
```

Tetradic Color

#b2f328
```
#b2f328 rgb(178,243,40)
```
#bbf440
```
#bbf440 rgb(187,244,64)
```
#c3f658
```
#c3f658 rgb(195,246,88)
```
#ccf770
```
#ccf770 rgb(204,247,112)
```
#d5f888
```
#d5f888 rgb(213,248,136)
```
#ddfaa0
```
#ddfaa0 rgb(221,250,160)
```
#e6fbb8
```
#e6fbb8 rgb(230,251,184)
```

Monochromatic Color

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

#eef770
```
#eef770 rgb(238,247,112)
```
#e3f770
```
#e3f770 rgb(227,247,112)
```
#d7f770
```
#d7f770 rgb(215,247,112)
```
#ccf770
```
#ccf770 rgb(204,247,112)
```
#c1f770
```
#c1f770 rgb(193,247,112)
```
#b6f770
```
#b6f770 rgb(182,247,112)
```
#aaf770
```
#aaf770 rgb(170,247,112)
```

Similar Colors

Text with hexadecimal color #ccf770

This text has a font color of #ccf770.

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

#ccf770 background color

This paragraph has a background color of #ccf770.

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

#ccf770 border color

This element has a border color of #ccf770.

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

CSS codes

.text {color:#ccf770;}

.background {background-color:#ccf770;}

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

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

#040600
```
#040600 rgb(4,6,0)
```
#111801
```
#111801 rgb(17,24,1)
```
#1e2b02
```
#1e2b02 rgb(30,43,2)
```
#2b3d03
```
#2b3d03 rgb(43,61,3)
```
#385004
```
#385004 rgb(56,80,4)
```
#456206
```
#456206 rgb(69,98,6)
```
#527507
```
#527507 rgb(82,117,7)
```
#5f8808
```
#5f8808 rgb(95,136,8)
```
#6c9a09
```
#6c9a09 rgb(108,154,9)
```
#79ad0a
```
#79ad0a rgb(121,173,10)
```
#86bf0b
```
#86bf0b rgb(134,191,11)
```
#93d20c
```
#93d20c rgb(147,210,12)
```
#a0e50d
```
#a0e50d rgb(160,229,13)
```

Shade Color Variation

#abf213
```
#abf213 rgb(171,242,19)
```
#b1f326
```
#b1f326 rgb(177,243,38)
```
#b8f438
```
#b8f438 rgb(184,244,56)
```
#bff54b
```
#bff54b rgb(191,245,75)
```
#c5f65d
```
#c5f65d rgb(197,246,93)
```
#ccf770
```
#ccf770 rgb(204,247,112)
```
#d3f883
```
#d3f883 rgb(211,248,131)
```
#d9f995
```
#d9f995 rgb(217,249,149)
```
#e0faa8
```
#e0faa8 rgb(224,250,168)
```
#e7fbba
```
#e7fbba rgb(231,251,186)
```
#edfccd
```
#edfccd rgb(237,252,205)
```
#f4fddf
```
#f4fddf rgb(244,253,223)
```
#fafef2
```
#fafef2 rgb(250,254,242)
```

Tint Color Variation

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

#b5b7b0
```
#b5b7b0 rgb(181,183,176)
```
#b7bdaa
```
#b7bdaa rgb(183,189,170)
```
#b9c3a4
```
#b9c3a4 rgb(185,195,164)
```
#bbc99e
```
#bbc99e rgb(187,201,158)
```
#bdce99
```
#bdce99 rgb(189,206,153)
```
#bfd493
```
#bfd493 rgb(191,212,147)
```
#c1da8d
```
#c1da8d rgb(193,218,141)
```
#c4e087
```
#c4e087 rgb(196,224,135)
```
#c6e681
```
#c6e681 rgb(198,230,129)
```
#c8eb7c
```
#c8eb7c rgb(200,235,124)
```
#caf176
```
#caf176 rgb(202,241,118)
```
#ccf770
```
#ccf770 rgb(204,247,112)
```
#cefd6a
```
#cefd6a rgb(206,253,106)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#d8e1c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe986 Protanopia 1% of men
#ffe4c8 Deuteranopia 1% of men
#e1e9fa Tritanopia 0.001% of the population

Trichromacy

#ecee7e Protanomaly 1% of men, 0.01% of women
#eceba8 Deuteranomaly 6% of men, 0.4% of women
#d9eec7 Tritanomaly 0.01% of the population

#ccf770 hex color

#ccf770 Color Information

#ccf770 Color Conversion

Color Schemes with #ccf770

Alternatives to #ccf770

#ccf770 Preview

Shades and Tints of #ccf770

Tones of #ccf770

Color Blindness Simulator