#ccda55 hex color

In a RGB color space, hex #ccda55 is composed of 80% red, 85.5% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 61% yellow and 14.5% black. It has a hue angle of 66.3 degrees, a saturation of 64.3% and a lightness of 59.4%. #ccda55 color hex could be obtained by blending #ffffaa with #99b500. Closest websafe color is: #cccc66.

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

● #ccda55 color description : Soft yellow.

The hexadecimal color #ccda55 has RGB values of R:204, G:218, B:85 and CMYK values of C:0.06, M:0, Y:0.61, K:0.15. Its decimal value is 13425237.

Hex triplet	ccda55	`#ccda55`
RGB Decimal	204, 218, 85	`rgb(204,218,85)`
RGB Percent	80, 85.5, 33.3	`rgb(80%,85.5%,33.3%)`
CMYK	6, 0, 61, 15
HSL	66.3°, 64.3, 59.4	`hsl(66.3,64.3%,59.4%)`
HSV (or HSB)	66.3°, 61, 85.5
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.776, -22.149, 61.942
XYZ	51.613, 63.636, 18.158
xyY	0.387, 0.477, 63.636
CIE-LCH	83.776, 65.782, 109.676
CIE-LUV	83.776, -3.476, 78.034
Hunter-Lab	79.772, -24.113, 42.345
Binary	11001100, 11011010, 01010101

#ccda55
```
#ccda55 rgb(204,218,85)
```
#6355da
```
#6355da rgb(99,85,218)
```

Complementary Color

#daa655
```
#daa655 rgb(218,166,85)
```
#ccda55
```
#ccda55 rgb(204,218,85)
```
#8ada55
```
#8ada55 rgb(138,218,85)
```

Analogous Color

#a655da
```
#a655da rgb(166,85,218)
```
#ccda55
```
#ccda55 rgb(204,218,85)
```
#558ada
```
#558ada rgb(85,138,218)
```

Split Complementary Color

#da55cc
```
#da55cc rgb(218,85,204)
```
#ccda55
```
#ccda55 rgb(204,218,85)
```
#55ccda
```
#55ccda rgb(85,204,218)
```

Triadic Color

#da6355
```
#da6355 rgb(218,99,85)
```
#ccda55
```
#ccda55 rgb(204,218,85)
```
#55ccda
```
#55ccda rgb(85,204,218)
```
#6355da
```
#6355da rgb(99,85,218)
```

Tetradic Color

#abba28
```
#abba28 rgb(171,186,40)
```
#becf2d
```
#becf2d rgb(190,207,45)
```
#c6d540
```
#c6d540 rgb(198,213,64)
```
#ccda55
```
#ccda55 rgb(204,218,85)
```
#d2df6a
```
#d2df6a rgb(210,223,106)
```
#d9e37f
```
#d9e37f rgb(217,227,127)
```
#dfe894
```
#dfe894 rgb(223,232,148)
```

Monochromatic Color

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

#dac755
```
#dac755 rgb(218,199,85)
```
#dad255
```
#dad255 rgb(218,210,85)
```
#d7da55
```
#d7da55 rgb(215,218,85)
```
#ccda55
```
#ccda55 rgb(204,218,85)
```
#c1da55
```
#c1da55 rgb(193,218,85)
```
#b6da55
```
#b6da55 rgb(182,218,85)
```
#abda55
```
#abda55 rgb(171,218,85)
```

Similar Colors

Text with hexadecimal color #ccda55

This text has a font color of #ccda55.

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

#ccda55 background color

This paragraph has a background color of #ccda55.

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

#ccda55 border color

This element has a border color of #ccda55.

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

CSS codes

.text {color:#ccda55;}

.background {background-color:#ccda55;}

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

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

#070702
```
#070702 rgb(7,7,2)
```
#151705
```
#151705 rgb(21,23,5)
```
#242709
```
#242709 rgb(36,39,9)
```
#33380c
```
#33380c rgb(51,56,12)
```
#424810
```
#424810 rgb(66,72,16)
```
#515813
```
#515813 rgb(81,88,19)
```
#5f6817
```
#5f6817 rgb(95,104,23)
```
#6e781a
```
#6e781a rgb(110,120,26)
```
#7d881e
```
#7d881e rgb(125,136,30)
```
#8c9821
```
#8c9821 rgb(140,152,33)
```
#9aa825
```
#9aa825 rgb(154,168,37)
```
#a9b828
```
#a9b828 rgb(169,184,40)
```
#b8c92c
```
#b8c92c rgb(184,201,44)
```

Shade Color Variation

#c2d335
```
#c2d335 rgb(194,211,53)
```
#c7d645
```
#c7d645 rgb(199,214,69)
```
#ccda55
```
#ccda55 rgb(204,218,85)
```
#d1de65
```
#d1de65 rgb(209,222,101)
```
#d6e175
```
#d6e175 rgb(214,225,117)
```
#dae585
```
#dae585 rgb(218,229,133)
```
#dfe895
```
#dfe895 rgb(223,232,149)
```
#e4eca6
```
#e4eca6 rgb(228,236,166)
```
#e9efb6
```
#e9efb6 rgb(233,239,182)
```
#eef3c6
```
#eef3c6 rgb(238,243,198)
```
#f3f6d6
```
#f3f6d6 rgb(243,246,214)
```
#f7fae6
```
#f7fae6 rgb(247,250,230)
```
#fcfdf6
```
#fcfdf6 rgb(252,253,246)
```

Tint Color Variation

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

#9a9a95
```
#9a9a95 rgb(154,154,149)
```
#a0a28d
```
#a0a28d rgb(160,162,141)
```
#a6aa85
```
#a6aa85 rgb(166,170,133)
```
#adb27d
```
#adb27d rgb(173,178,125)
```
#b3ba75
```
#b3ba75 rgb(179,186,117)
```
#b9c26d
```
#b9c26d rgb(185,194,109)
```
#bfca65
```
#bfca65 rgb(191,202,101)
```
#c6d25d
```
#c6d25d rgb(198,210,93)
```
#ccda55
```
#ccda55 rgb(204,218,85)
```
#d2e24d
```
#d2e24d rgb(210,226,77)
```
#d9ea45
```
#d9ea45 rgb(217,234,69)
```
#dff23d
```
#dff23d rgb(223,242,61)
```
#e5fa35
```
#e5fa35 rgb(229,250,53)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c8cbb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead35b Protanopia 1% of men
#ffca76 Deuteranopia 1% of men
#ddcedd Tritanopia 0.001% of the population

Trichromacy

#dfd559 Protanomaly 1% of men, 0.01% of women
#ecd06a Deuteranomaly 6% of men, 0.4% of women
#d7d2ab Tritanomaly 0.01% of the population

#ccda55 hex color

#ccda55 Color Information

#ccda55 Color Conversion

Color Schemes with #ccda55

Alternatives to #ccda55

#ccda55 Preview

Shades and Tints of #ccda55

Tones of #ccda55

Color Blindness Simulator