#ccdd5a hex color

In a RGB color space, hex #ccdd5a is composed of 80% red, 86.7% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 59.3% yellow and 13.3% black. It has a hue angle of 67.8 degrees, a saturation of 65.8% and a lightness of 61%. #ccdd5a color hex could be obtained by blending #ffffb4 with #99bb00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 87
- B 35
RGB color chart
- C 8
- M 0
- Y 59
- K 13
CMYK color chart

● #ccdd5a color description : Soft yellow.

The hexadecimal color #ccdd5a has RGB values of R:204, G:221, B:90 and CMYK values of C:0.08, M:0, Y:0.59, K:0.13. Its decimal value is 13426010.

Hex triplet	ccdd5a	`#ccdd5a`
RGB Decimal	204, 221, 90	`rgb(204,221,90)`
RGB Percent	80, 86.7, 35.3	`rgb(80%,86.7%,35.3%)`
CMYK	8, 0, 59, 13
HSL	67.8°, 65.8, 61	`hsl(67.8,65.8%,61%)`
HSV (or HSB)	67.8°, 59.3, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.632, -23.245, 60.764
XYZ	52.603, 65.289, 19.503
xyY	0.383, 0.475, 65.289
CIE-LCH	84.632, 65.058, 110.935
CIE-LUV	84.632, -5.367, 77.594
Hunter-Lab	80.801, -25.195, 42.25
Binary	11001100, 11011101, 01011010

#ccdd5a
```
#ccdd5a rgb(204,221,90)
```
#6b5add
```
#6b5add rgb(107,90,221)
```

Complementary Color

#ddad5a
```
#ddad5a rgb(221,173,90)
```
#ccdd5a
```
#ccdd5a rgb(204,221,90)
```
#8bdd5a
```
#8bdd5a rgb(139,221,90)
```

Analogous Color

#ad5add
```
#ad5add rgb(173,90,221)
```
#ccdd5a
```
#ccdd5a rgb(204,221,90)
```
#5a8bdd
```
#5a8bdd rgb(90,139,221)
```

Split Complementary Color

#dd5acc
```
#dd5acc rgb(221,90,204)
```
#ccdd5a
```
#ccdd5a rgb(204,221,90)
```
#5accdd
```
#5accdd rgb(90,204,221)
```

Triadic Color

#dd6b5a
```
#dd6b5a rgb(221,107,90)
```
#ccdd5a
```
#ccdd5a rgb(204,221,90)
```
#5accdd
```
#5accdd rgb(90,204,221)
```
#6b5add
```
#6b5add rgb(107,90,221)
```

Tetradic Color

#aec228
```
#aec228 rgb(174,194,40)
```
#bfd430
```
#bfd430 rgb(191,212,48)
```
#c5d945
```
#c5d945 rgb(197,217,69)
```
#ccdd5a
```
#ccdd5a rgb(204,221,90)
```
#d3e16f
```
#d3e16f rgb(211,225,111)
```
#d9e684
```
#d9e684 rgb(217,230,132)
```
#e0ea99
```
#e0ea99 rgb(224,234,153)
```

Monochromatic Color

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

#ddcd5a
```
#ddcd5a rgb(221,205,90)
```
#ddd85a
```
#ddd85a rgb(221,216,90)
```
#d7dd5a
```
#d7dd5a rgb(215,221,90)
```
#ccdd5a
```
#ccdd5a rgb(204,221,90)
```
#c1dd5a
```
#c1dd5a rgb(193,221,90)
```
#b6dd5a
```
#b6dd5a rgb(182,221,90)
```
#abdd5a
```
#abdd5a rgb(171,221,90)
```

Similar Colors

Text with hexadecimal color #ccdd5a

This text has a font color of #ccdd5a.

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

#ccdd5a background color

This paragraph has a background color of #ccdd5a.

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

#ccdd5a border color

This element has a border color of #ccdd5a.

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

CSS codes

.text {color:#ccdd5a;}

.background {background-color:#ccdd5a;}

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

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, #0c0e03 is the darkest color, while #fefffd is the lightest one.

#0c0e03
```
#0c0e03 rgb(12,14,3)
```
#1b1e06
```
#1b1e06 rgb(27,30,6)
```
#2a2e0a
```
#2a2e0a rgb(42,46,10)
```
#383f0d
```
#383f0d rgb(56,63,13)
```
#474f10
```
#474f10 rgb(71,79,16)
```
#555f14
```
#555f14 rgb(85,95,20)
```
#646f17
```
#646f17 rgb(100,111,23)
```
#73801a
```
#73801a rgb(115,128,26)
```
#81901e
```
#81901e rgb(129,144,30)
```
#90a021
```
#90a021 rgb(144,160,33)
```
#9eb124
```
#9eb124 rgb(158,177,36)
```
#adc128
```
#adc128 rgb(173,193,40)
```
#bcd12b
```
#bcd12b rgb(188,209,43)
```

Shade Color Variation

#c2d639
```
#c2d639 rgb(194,214,57)
```
#c7da4a
```
#c7da4a rgb(199,218,74)
```
#ccdd5a
```
#ccdd5a rgb(204,221,90)
```
#d1e06a
```
#d1e06a rgb(209,224,106)
```
#d6e47b
```
#d6e47b rgb(214,228,123)
```
#dbe78b
```
#dbe78b rgb(219,231,139)
```
#e0ea9b
```
#e0ea9b rgb(224,234,155)
```
#e5eeab
```
#e5eeab rgb(229,238,171)
```
#eaf1bc
```
#eaf1bc rgb(234,241,188)
```
#eff4cc
```
#eff4cc rgb(239,244,204)
```
#f4f8dc
```
#f4f8dc rgb(244,248,220)
```
#f9fbec
```
#f9fbec rgb(249,251,236)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#9fa097
```
#9fa097 rgb(159,160,151)
```
#a4a790
```
#a4a790 rgb(164,167,144)
```
#aaaf88
```
#aaaf88 rgb(170,175,136)
```
#b0b780
```
#b0b780 rgb(176,183,128)
```
#b5be79
```
#b5be79 rgb(181,190,121)
```
#bbc671
```
#bbc671 rgb(187,198,113)
```
#c1ce69
```
#c1ce69 rgb(193,206,105)
```
#c6d562
```
#c6d562 rgb(198,213,98)
```
#ccdd5a
```
#ccdd5a rgb(204,221,90)
```
#d2e552
```
#d2e552 rgb(210,229,82)
```
#d7ec4b
```
#d7ec4b rgb(215,236,75)
```
#ddf443
```
#ddf443 rgb(221,244,67)
```
#e3fc3b
```
#e3fc3b rgb(227,252,59)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#cacdb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd55f Protanopia 1% of men
#ffcd82 Deuteranopia 1% of men
#ddd1e0 Tritanopia 0.001% of the population

Trichromacy

#e0d85d Protanomaly 1% of men, 0.01% of women
#ecd373 Deuteranomaly 6% of men, 0.4% of women
#d7d5af Tritanomaly 0.01% of the population

#ccdd5a hex color

#ccdd5a Color Information

#ccdd5a Color Conversion

Color Schemes with #ccdd5a

Alternatives to #ccdd5a

#ccdd5a Preview

Shades and Tints of #ccdd5a

Tones of #ccdd5a

Color Blindness Simulator