#ccf055 hex color

In a RGB color space, hex #ccf055 is composed of 80% red, 94.1% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 64.6% yellow and 5.9% black. It has a hue angle of 73.9 degrees, a saturation of 83.8% and a lightness of 63.7%. #ccf055 color hex could be obtained by blending #ffffaa with #99e100. Closest websafe color is: #ccff66.

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

● #ccf055 color description : Soft yellow.

The hexadecimal color #ccf055 has RGB values of R:204, G:240, B:85 and CMYK values of C:0.15, M:0, Y:0.65, K:0.06. Its decimal value is 13430869.

Hex triplet	ccf055	`#ccf055`
RGB Decimal	204, 240, 85	`rgb(204,240,85)`
RGB Percent	80, 94.1, 33.3	`rgb(80%,94.1%,33.3%)`
CMYK	15, 0, 65, 6
HSL	73.9°, 83.8, 63.7	`hsl(73.9,83.8%,63.7%)`
HSV (or HSB)	73.9°, 64.6, 94.1
Web Safe	ccff66	`#ccff66`

CIE-LAB	89.772, -32.548, 68.323
XYZ	57.701, 75.813, 20.187
xyY	0.375, 0.493, 75.813
CIE-LCH	89.772, 75.679, 115.472
CIE-LUV	89.772, -16.338, 87.696
Hunter-Lab	87.071, -34.083, 47.203
Binary	11001100, 11110000, 01010101

#ccf055
```
#ccf055 rgb(204,240,85)
```
#7955f0
```
#7955f0 rgb(121,85,240)
```

Complementary Color

#f0c755
```
#f0c755 rgb(240,199,85)
```
#ccf055
```
#ccf055 rgb(204,240,85)
```
#7ff055
```
#7ff055 rgb(127,240,85)
```

Analogous Color

#c755f0
```
#c755f0 rgb(199,85,240)
```
#ccf055
```
#ccf055 rgb(204,240,85)
```
#557ff0
```
#557ff0 rgb(85,127,240)
```

Split Complementary Color

#f055cc
```
#f055cc rgb(240,85,204)
```
#ccf055
```
#ccf055 rgb(204,240,85)
```
#55ccf0
```
#55ccf0 rgb(85,204,240)
```

Triadic Color

#f07955
```
#f07955 rgb(240,121,85)
```
#ccf055
```
#ccf055 rgb(204,240,85)
```
#55ccf0
```
#55ccf0 rgb(85,204,240)
```
#7955f0
```
#7955f0 rgb(121,85,240)
```

Tetradic Color

#b4e414
```
#b4e414 rgb(180,228,20)
```
#beec26
```
#beec26 rgb(190,236,38)
```
#c5ee3e
```
#c5ee3e rgb(197,238,62)
```
#ccf055
```
#ccf055 rgb(204,240,85)
```
#d3f26c
```
#d3f26c rgb(211,242,108)
```
#daf484
```
#daf484 rgb(218,244,132)
```
#e1f69b
```
#e1f69b rgb(225,246,155)
```

Monochromatic Color

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

#f0ed55
```
#f0ed55 rgb(240,237,85)
```
#e6f055
```
#e6f055 rgb(230,240,85)
```
#d9f055
```
#d9f055 rgb(217,240,85)
```
#ccf055
```
#ccf055 rgb(204,240,85)
```
#bff055
```
#bff055 rgb(191,240,85)
```
#b2f055
```
#b2f055 rgb(178,240,85)
```
#a5f055
```
#a5f055 rgb(165,240,85)
```

Similar Colors

Text with hexadecimal color #ccf055

This text has a font color of #ccf055.

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

#ccf055 background color

This paragraph has a background color of #ccf055.

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

#ccf055 border color

This element has a border color of #ccf055.

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

CSS codes

.text {color:#ccf055;}

.background {background-color:#ccf055;}

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

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, #080a01 is the darkest color, while #fdfef7 is the lightest one.

#080a01
```
#080a01 rgb(8,10,1)
```
#161c02
```
#161c02 rgb(22,28,2)
```
#242e04
```
#242e04 rgb(36,46,4)
```
#334006
```
#334006 rgb(51,64,6)
```
#415207
```
#415207 rgb(65,82,7)
```
#4f6409
```
#4f6409 rgb(79,100,9)
```
#5d760a
```
#5d760a rgb(93,118,10)
```
#6c880c
```
#6c880c rgb(108,136,12)
```
#7a9a0e
```
#7a9a0e rgb(122,154,14)
```
#88ac0f
```
#88ac0f rgb(136,172,15)
```
#96be11
```
#96be11 rgb(150,190,17)
```
#a4d112
```
#a4d112 rgb(164,209,18)
```
#b3e314
```
#b3e314 rgb(179,227,20)
```

Shade Color Variation

#bceb1f
```
#bceb1f rgb(188,235,31)
```
#c1ed31
```
#c1ed31 rgb(193,237,49)
```
#c7ee43
```
#c7ee43 rgb(199,238,67)
```
#ccf055
```
#ccf055 rgb(204,240,85)
```
#d1f267
```
#d1f267 rgb(209,242,103)
```
#d7f379
```
#d7f379 rgb(215,243,121)
```
#dcf58b
```
#dcf58b rgb(220,245,139)
```
#e2f69d
```
#e2f69d rgb(226,246,157)
```
#e7f8af
```
#e7f8af rgb(231,248,175)
```
#ecfac1
```
#ecfac1 rgb(236,250,193)
```
#f2fbd3
```
#f2fbd3 rgb(242,251,211)
```
#f7fde5
```
#f7fde5 rgb(247,253,229)
```
#fdfef7
```
#fdfef7 rgb(253,254,247)
```

Tint Color Variation

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

#a6a99c
```
#a6a99c rgb(166,169,156)
```
#aab095
```
#aab095 rgb(170,176,149)
```
#aeb78e
```
#aeb78e rgb(174,183,142)
```
#b1be87
```
#b1be87 rgb(177,190,135)
```
#b5c580
```
#b5c580 rgb(181,197,128)
```
#b9cc79
```
#b9cc79 rgb(185,204,121)
```
#bdd471
```
#bdd471 rgb(189,212,113)
```
#c1db6a
```
#c1db6a rgb(193,219,106)
```
#c4e263
```
#c4e263 rgb(196,226,99)
```
#c8e95c
```
#c8e95c rgb(200,233,92)
```
#ccf055
```
#ccf055 rgb(204,240,85)
```
#d0f74e
```
#d0f74e rgb(208,247,78)
```
#d4fe47
```
#d4fe47 rgb(212,254,71)
```

Tone Color Variation

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

#fce35a Protanopia 1% of men
#ffdeb4 Deuteranopia 1% of men
#e1e2f2 Tritanopia 0.001% of the population

Trichromacy

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

#ccf055 hex color

#ccf055 Color Information

#ccf055 Color Conversion

Color Schemes with #ccf055

Alternatives to #ccf055

#ccf055 Preview

Shades and Tints of #ccf055

Tones of #ccf055

Color Blindness Simulator