#ccf056 hex color

In a RGB color space, hex #ccf056 is composed of 80% red, 94.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 64.2% yellow and 5.9% black. It has a hue angle of 74 degrees, a saturation of 83.7% and a lightness of 63.9%. #ccf056 color hex could be obtained by blending #ffffac with #99e100. Closest websafe color is: #ccff66.

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

● #ccf056 color description : Soft yellow.

The hexadecimal color #ccf056 has RGB values of R:204, G:240, B:86 and CMYK values of C:0.15, M:0, Y:0.64, K:0.06. Its decimal value is 13430870.

Hex triplet	ccf056	`#ccf056`
RGB Decimal	204, 240, 86	`rgb(204,240,86)`
RGB Percent	80, 94.1, 33.7	`rgb(80%,94.1%,33.7%)`
CMYK	15, 0, 64, 6
HSL	74°, 83.7, 63.9	`hsl(74,83.7%,63.9%)`
HSV (or HSB)	74°, 64.2, 94.1
Web Safe	ccff66	`#ccff66`

CIE-LAB	89.78, -32.482, 67.94
XYZ	57.741, 75.829, 20.398
xyY	0.375, 0.492, 75.829
CIE-LCH	89.78, 75.306, 115.552
CIE-LUV	89.78, -16.347, 87.377
Hunter-Lab	87.08, -34.03, 47.067
Binary	11001100, 11110000, 01010110

#ccf056
```
#ccf056 rgb(204,240,86)
```
#7a56f0
```
#7a56f0 rgb(122,86,240)
```

Complementary Color

#f0c756
```
#f0c756 rgb(240,199,86)
```
#ccf056
```
#ccf056 rgb(204,240,86)
```
#7ff056
```
#7ff056 rgb(127,240,86)
```

Analogous Color

#c756f0
```
#c756f0 rgb(199,86,240)
```
#ccf056
```
#ccf056 rgb(204,240,86)
```
#567ff0
```
#567ff0 rgb(86,127,240)
```

Split Complementary Color

#f056cc
```
#f056cc rgb(240,86,204)
```
#ccf056
```
#ccf056 rgb(204,240,86)
```
#56ccf0
```
#56ccf0 rgb(86,204,240)
```

Triadic Color

#f07a56
```
#f07a56 rgb(240,122,86)
```
#ccf056
```
#ccf056 rgb(204,240,86)
```
#56ccf0
```
#56ccf0 rgb(86,204,240)
```
#7a56f0
```
#7a56f0 rgb(122,86,240)
```

Tetradic Color

#b4e514
```
#b4e514 rgb(180,229,20)
```
#beec27
```
#beec27 rgb(190,236,39)
```
#c5ee3f
```
#c5ee3f rgb(197,238,63)
```
#ccf056
```
#ccf056 rgb(204,240,86)
```
#d3f26d
```
#d3f26d rgb(211,242,109)
```
#daf485
```
#daf485 rgb(218,244,133)
```
#e1f69c
```
#e1f69c rgb(225,246,156)
```

Monochromatic Color

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

#f0ee56
```
#f0ee56 rgb(240,238,86)
```
#e6f056
```
#e6f056 rgb(230,240,86)
```
#d9f056
```
#d9f056 rgb(217,240,86)
```
#ccf056
```
#ccf056 rgb(204,240,86)
```
#bff056
```
#bff056 rgb(191,240,86)
```
#b2f056
```
#b2f056 rgb(178,240,86)
```
#a6f056
```
#a6f056 rgb(166,240,86)
```

Similar Colors

Text with hexadecimal color #ccf056

This text has a font color of #ccf056.

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

#ccf056 background color

This paragraph has a background color of #ccf056.

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

#ccf056 border color

This element has a border color of #ccf056.

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

CSS codes

.text {color:#ccf056;}

.background {background-color:#ccf056;}

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

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, #090b01 is the darkest color, while #fdfef8 is the lightest one.

#090b01
```
#090b01 rgb(9,11,1)
```
#171d03
```
#171d03 rgb(23,29,3)
```
#252f04
```
#252f04 rgb(37,47,4)
```
#334106
```
#334106 rgb(51,65,6)
```
#415307
```
#415307 rgb(65,83,7)
```
#506509
```
#506509 rgb(80,101,9)
```
#5e770b
```
#5e770b rgb(94,119,11)
```
#6c890c
```
#6c890c rgb(108,137,12)
```
#7a9b0e
```
#7a9b0e rgb(122,155,14)
```
#88ad0f
```
#88ad0f rgb(136,173,15)
```
#97bf11
```
#97bf11 rgb(151,191,17)
```
#a5d113
```
#a5d113 rgb(165,209,19)
```
#b3e314
```
#b3e314 rgb(179,227,20)
```

Shade Color Variation

#bceb20
```
#bceb20 rgb(188,235,32)
```
#c1ed32
```
#c1ed32 rgb(193,237,50)
```
#c7ee44
```
#c7ee44 rgb(199,238,68)
```
#ccf056
```
#ccf056 rgb(204,240,86)
```
#d1f268
```
#d1f268 rgb(209,242,104)
```
#d7f37a
```
#d7f37a rgb(215,243,122)
```
#dcf58c
```
#dcf58c rgb(220,245,140)
```
#e2f69e
```
#e2f69e rgb(226,246,158)
```
#e7f8b0
```
#e7f8b0 rgb(231,248,176)
```
#edfac2
```
#edfac2 rgb(237,250,194)
```
#f2fbd4
```
#f2fbd4 rgb(242,251,212)
```
#f7fde6
```
#f7fde6 rgb(247,253,230)
```
#fdfef8
```
#fdfef8 rgb(253,254,248)
```

Tint Color Variation

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

#a6a99d
```
#a6a99d rgb(166,169,157)
```
#aab096
```
#aab096 rgb(170,176,150)
```
#aeb78f
```
#aeb78f rgb(174,183,143)
```
#b2be88
```
#b2be88 rgb(178,190,136)
```
#b5c680
```
#b5c680 rgb(181,198,128)
```
#b9cd79
```
#b9cd79 rgb(185,205,121)
```
#bdd472
```
#bdd472 rgb(189,212,114)
```
#c1db6b
```
#c1db6b rgb(193,219,107)
```
#c4e264
```
#c4e264 rgb(196,226,100)
```
#c8e95d
```
#c8e95d rgb(200,233,93)
```
#ccf056
```
#ccf056 rgb(204,240,86)
```
#d0f74f
```
#d0f74f rgb(208,247,79)
```
#d4fe48
```
#d4fe48 rgb(212,254,72)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d2dabb Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce35b Protanopia 1% of men
#ffdeb5 Deuteranopia 1% of men
#e1e2f2 Tritanopia 0.001% of the population

Trichromacy

#eae859 Protanomaly 1% of men, 0.01% of women
#ece492 Deuteranomaly 6% of men, 0.4% of women
#d9e7b9 Tritanomaly 0.01% of the population

#ccf056 hex color

#ccf056 Color Information

#ccf056 Color Conversion

Color Schemes with #ccf056

Alternatives to #ccf056

#ccf056 Preview

Shades and Tints of #ccf056

Tones of #ccf056

Color Blindness Simulator