#ccdd5f hex color

In a RGB color space, hex #ccdd5f is composed of 80% red, 86.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 57% yellow and 13.3% black. It has a hue angle of 68.1 degrees, a saturation of 64.9% and a lightness of 62%. #ccdd5f color hex could be obtained by blending #ffffbe with #99bb00. Closest websafe color is: #cccc66.

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

● #ccdd5f color description : Soft yellow.

The hexadecimal color #ccdd5f has RGB values of R:204, G:221, B:95 and CMYK values of C:0.08, M:0, Y:0.57, K:0.13. Its decimal value is 13426015.

Hex triplet	ccdd5f	`#ccdd5f`
RGB Decimal	204, 221, 95	`rgb(204,221,95)`
RGB Percent	80, 86.7, 37.3	`rgb(80%,86.7%,37.3%)`
CMYK	8, 0, 57, 13
HSL	68.1°, 64.9, 62	`hsl(68.1,64.9%,62%)`
HSV (or HSB)	68.1°, 57, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.677, -22.869, 58.651
XYZ	52.823, 65.377, 20.662
xyY	0.38, 0.471, 65.377
CIE-LCH	84.677, 62.952, 111.301
CIE-LUV	84.677, -5.459, 75.714
Hunter-Lab	80.856, -24.883, 41.448
Binary	11001100, 11011101, 01011111

#ccdd5f
```
#ccdd5f rgb(204,221,95)
```
#705fdd
```
#705fdd rgb(112,95,221)
```

Complementary Color

#ddaf5f
```
#ddaf5f rgb(221,175,95)
```
#ccdd5f
```
#ccdd5f rgb(204,221,95)
```
#8ddd5f
```
#8ddd5f rgb(141,221,95)
```

Analogous Color

#af5fdd
```
#af5fdd rgb(175,95,221)
```
#ccdd5f
```
#ccdd5f rgb(204,221,95)
```
#5f8ddd
```
#5f8ddd rgb(95,141,221)
```

Split Complementary Color

#dd5fcc
```
#dd5fcc rgb(221,95,204)
```
#ccdd5f
```
#ccdd5f rgb(204,221,95)
```
#5fccdd
```
#5fccdd rgb(95,204,221)
```

Triadic Color

#dd705f
```
#dd705f rgb(221,112,95)
```
#ccdd5f
```
#ccdd5f rgb(204,221,95)
```
#5fccdd
```
#5fccdd rgb(95,204,221)
```
#705fdd
```
#705fdd rgb(112,95,221)
```

Tetradic Color

#b1c62a
```
#b1c62a rgb(177,198,42)
```
#bfd435
```
#bfd435 rgb(191,212,53)
```
#c5d94a
```
#c5d94a rgb(197,217,74)
```
#ccdd5f
```
#ccdd5f rgb(204,221,95)
```
#d3e174
```
#d3e174 rgb(211,225,116)
```
#d9e689
```
#d9e689 rgb(217,230,137)
```
#e0ea9e
```
#e0ea9e rgb(224,234,158)
```

Monochromatic Color

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

#ddcf5f
```
#ddcf5f rgb(221,207,95)
```
#ddd95f
```
#ddd95f rgb(221,217,95)
```
#d7dd5f
```
#d7dd5f rgb(215,221,95)
```
#ccdd5f
```
#ccdd5f rgb(204,221,95)
```
#c2dd5f
```
#c2dd5f rgb(194,221,95)
```
#b7dd5f
```
#b7dd5f rgb(183,221,95)
```
#addd5f
```
#addd5f rgb(173,221,95)
```

Similar Colors

Text with hexadecimal color #ccdd5f

This text has a font color of #ccdd5f.

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

#ccdd5f background color

This paragraph has a background color of #ccdd5f.

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

#ccdd5f border color

This element has a border color of #ccdd5f.

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

CSS codes

.text {color:#ccdd5f;}

.background {background-color:#ccdd5f;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#101204
```
#101204 rgb(16,18,4)
```
#1f2207
```
#1f2207 rgb(31,34,7)
```
#2d320b
```
#2d320b rgb(45,50,11)
```
#3b420e
```
#3b420e rgb(59,66,14)
```
#4a5312
```
#4a5312 rgb(74,83,18)
```
#586315
```
#586315 rgb(88,99,21)
```
#677318
```
#677318 rgb(103,115,24)
```
#75831c
```
#75831c rgb(117,131,28)
```
#84931f
```
#84931f rgb(132,147,31)
```
#92a423
```
#92a423 rgb(146,164,35)
```
#a1b426
```
#a1b426 rgb(161,180,38)
```
#afc42a
```
#afc42a rgb(175,196,42)
```

Shade Color Variation

#bdd32e
```
#bdd32e rgb(189,211,46)
```
#c2d63f
```
#c2d63f rgb(194,214,63)
```
#c7da4f
```
#c7da4f rgb(199,218,79)
```
#ccdd5f
```
#ccdd5f rgb(204,221,95)
```
#d1e06f
```
#d1e06f rgb(209,224,111)
```
#d6e47f
```
#d6e47f rgb(214,228,127)
```
#dbe790
```
#dbe790 rgb(219,231,144)
```
#e1eba0
```
#e1eba0 rgb(225,235,160)
```
#e6eeb0
```
#e6eeb0 rgb(230,238,176)
```
#ebf2c0
```
#ebf2c0 rgb(235,242,192)
```
#f0f5d0
```
#f0f5d0 rgb(240,245,208)
```
#f5f9e0
```
#f5f9e0 rgb(245,249,224)
```
#fafcf1
```
#fafcf1 rgb(250,252,241)
```

Tint Color Variation

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

#a0a19b
```
#a0a19b rgb(160,161,155)
```
#a6a993
```
#a6a993 rgb(166,169,147)
```
#abb08c
```
#abb08c rgb(171,176,140)
```
#b1b884
```
#b1b884 rgb(177,184,132)
```
#b6bf7d
```
#b6bf7d rgb(182,191,125)
```
#bcc775
```
#bcc775 rgb(188,199,117)
```
#c1ce6e
```
#c1ce6e rgb(193,206,110)
```
#c7d666
```
#c7d666 rgb(199,214,102)
```
#ccdd5f
```
#ccdd5f rgb(204,221,95)
```
#d1e458
```
#d1e458 rgb(209,228,88)
```
#d7ec50
```
#d7ec50 rgb(215,236,80)
```
#dcf349
```
#dcf349 rgb(220,243,73)
```
#e2fb41
```
#e2fb41 rgb(226,251,65)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#caceb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd564 Protanopia 1% of men
#ffcd84 Deuteranopia 1% of men
#ddd1e0 Tritanopia 0.001% of the population

Trichromacy

#e0d862 Protanomaly 1% of men, 0.01% of women
#ecd376 Deuteranomaly 6% of men, 0.4% of women
#d7d5b1 Tritanomaly 0.01% of the population

#ccdd5f hex color

#ccdd5f Color Information

#ccdd5f Color Conversion

Color Schemes with #ccdd5f

Alternatives to #ccdd5f

#ccdd5f Preview

Shades and Tints of #ccdd5f

Tones of #ccdd5f

Color Blindness Simulator