#ccdc6a hex color

In a RGB color space, hex #ccdc6a is composed of 80% red, 86.3% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 0% magenta, 51.8% yellow and 13.7% black. It has a hue angle of 68.4 degrees, a saturation of 62% and a lightness of 63.9%. #ccdc6a color hex could be obtained by blending #ffffd4 with #99b900. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 86
- B 42
RGB color chart
- C 7
- M 0
- Y 52
- K 14
CMYK color chart

● #ccdc6a color description : Soft yellow.

The hexadecimal color #ccdc6a has RGB values of R:204, G:220, B:106 and CMYK values of C:0.07, M:0, Y:0.52, K:0.14. Its decimal value is 13425770.

Hex triplet	ccdc6a	`#ccdc6a`
RGB Decimal	204, 220, 106	`rgb(204,220,106)`
RGB Percent	80, 86.3, 41.6	`rgb(80%,86.3%,41.6%)`
CMYK	7, 0, 52, 14
HSL	68.4°, 62, 63.9	`hsl(68.4,62%,63.9%)`
HSV (or HSB)	68.4°, 51.8, 86.3
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.517, -21.471, 53.513
XYZ	53.096, 65.065, 23.397
xyY	0.375, 0.46, 65.065
CIE-LCH	84.517, 57.66, 111.862
CIE-LUV	84.517, -5.09, 70.726
Hunter-Lab	80.663, -23.662, 39.267
Binary	11001100, 11011100, 01101010

#ccdc6a
```
#ccdc6a rgb(204,220,106)
```
#7a6adc
```
#7a6adc rgb(122,106,220)
```

Complementary Color

#dcb36a
```
#dcb36a rgb(220,179,106)
```
#ccdc6a
```
#ccdc6a rgb(204,220,106)
```
#93dc6a
```
#93dc6a rgb(147,220,106)
```

Analogous Color

#b36adc
```
#b36adc rgb(179,106,220)
```
#ccdc6a
```
#ccdc6a rgb(204,220,106)
```
#6a93dc
```
#6a93dc rgb(106,147,220)
```

Split Complementary Color

#dc6acc
```
#dc6acc rgb(220,106,204)
```
#ccdc6a
```
#ccdc6a rgb(204,220,106)
```
#6accdc
```
#6accdc rgb(106,204,220)
```

Triadic Color

#dc7a6a
```
#dc7a6a rgb(220,122,106)
```
#ccdc6a
```
#ccdc6a rgb(204,220,106)
```
#6accdc
```
#6accdc rgb(106,204,220)
```
#7a6adc
```
#7a6adc rgb(122,106,220)
```

Tetradic Color

#b4ca2f
```
#b4ca2f rgb(180,202,47)
```
#bed241
```
#bed241 rgb(190,210,65)
```
#c5d755
```
#c5d755 rgb(197,215,85)
```
#ccdc6a
```
#ccdc6a rgb(204,220,106)
```
#d3e17f
```
#d3e17f rgb(211,225,127)
```
#dae693
```
#dae693 rgb(218,230,147)
```
#e1eba8
```
#e1eba8 rgb(225,235,168)
```

Monochromatic Color

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

#dcd06a
```
#dcd06a rgb(220,208,106)
```
#dcd96a
```
#dcd96a rgb(220,217,106)
```
#d6dc6a
```
#d6dc6a rgb(214,220,106)
```
#ccdc6a
```
#ccdc6a rgb(204,220,106)
```
#c3dc6a
```
#c3dc6a rgb(195,220,106)
```
#b9dc6a
```
#b9dc6a rgb(185,220,106)
```
#b0dc6a
```
#b0dc6a rgb(176,220,106)
```

Similar Colors

Text with hexadecimal color #ccdc6a

This text has a font color of #ccdc6a.

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

#ccdc6a background color

This paragraph has a background color of #ccdc6a.

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

#ccdc6a border color

This element has a border color of #ccdc6a.

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

CSS codes

.text {color:#ccdc6a;}

.background {background-color:#ccdc6a;}

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

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

#090a02
```
#090a02 rgb(9,10,2)
```
#171a06
```
#171a06 rgb(23,26,6)
```
#252a0a
```
#252a0a rgb(37,42,10)
```
#33390e
```
#33390e rgb(51,57,14)
```
#414911
```
#414911 rgb(65,73,17)
```
#505915
```
#505915 rgb(80,89,21)
```
#5e6919
```
#5e6919 rgb(94,105,25)
```
#6c791c
```
#6c791c rgb(108,121,28)
```
#7a8920
```
#7a8920 rgb(122,137,32)
```
#889924
```
#889924 rgb(136,153,36)
```
#97a928
```
#97a928 rgb(151,169,40)
```
#a5b92b
```
#a5b92b rgb(165,185,43)
```
#b3c82f
```
#b3c82f rgb(179,200,47)
```

Shade Color Variation

#bcd13a
```
#bcd13a rgb(188,209,58)
```
#c1d54a
```
#c1d54a rgb(193,213,74)
```
#c7d85a
```
#c7d85a rgb(199,216,90)
```
#ccdc6a
```
#ccdc6a rgb(204,220,106)
```
#d1e07a
```
#d1e07a rgb(209,224,122)
```
#d7e38a
```
#d7e38a rgb(215,227,138)
```
#dce79a
```
#dce79a rgb(220,231,154)
```
#e2ebaa
```
#e2ebaa rgb(226,235,170)
```
#e7efb9
```
#e7efb9 rgb(231,239,185)
```
#edf2c9
```
#edf2c9 rgb(237,242,201)
```
#f2f6d9
```
#f2f6d9 rgb(242,246,217)
```
#f7fae9
```
#f7fae9 rgb(247,250,233)
```
#fdfef9
```
#fdfef9 rgb(253,254,249)
```

Tint Color Variation

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

#a3a3a3
```
#a3a3a3 rgb(163,163,163)
```
#a8aa9c
```
#a8aa9c rgb(168,170,156)
```
#adb294
```
#adb294 rgb(173,178,148)
```
#b3b98d
```
#b3b98d rgb(179,185,141)
```
#b8c086
```
#b8c086 rgb(184,192,134)
```
#bdc77f
```
#bdc77f rgb(189,199,127)
```
#c2ce78
```
#c2ce78 rgb(194,206,120)
```
#c7d571
```
#c7d571 rgb(199,213,113)
```
#ccdc6a
```
#ccdc6a rgb(204,220,106)
```
#d1e363
```
#d1e363 rgb(209,227,99)
```
#d6ea5c
```
#d6ea5c rgb(214,234,92)
```
#dbf155
```
#dbf155 rgb(219,241,85)
```
#e0f84e
```
#e0f84e rgb(224,248,78)
```

Tone Color Variation

Below, you can see how #ccdc6a 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
#caceb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead56f Protanopia 1% of men
#ffcc85 Deuteranopia 1% of men
#dcd1e0 Tritanopia 0.001% of the population

Trichromacy

#dfd76d Protanomaly 1% of men, 0.01% of women
#ecd27b Deuteranomaly 6% of men, 0.4% of women
#d6d5b5 Tritanomaly 0.01% of the population

#ccdc6a hex color

#ccdc6a Color Information

#ccdc6a Color Conversion

Color Schemes with #ccdc6a

Alternatives to #ccdc6a

#ccdc6a Preview

Shades and Tints of #ccdc6a

Tones of #ccdc6a

Color Blindness Simulator