#ccd85c hex color

In a RGB color space, hex #ccd85c is composed of 80% red, 84.7% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 5.6% cyan, 0% magenta, 57.4% yellow and 15.3% black. It has a hue angle of 65.8 degrees, a saturation of 61.4% and a lightness of 60.4%. #ccd85c color hex could be obtained by blending #ffffb8 with #99b100. Closest websafe color is: #cccc66.

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

● #ccd85c color description : Moderate yellow.

The hexadecimal color #ccd85c has RGB values of R:204, G:216, B:92 and CMYK values of C:0.06, M:0, Y:0.57, K:0.15. Its decimal value is 13424732.

Hex triplet	ccd85c	`#ccd85c`
RGB Decimal	204, 216, 92	`rgb(204,216,92)`
RGB Percent	80, 84.7, 36.1	`rgb(80%,84.7%,36.1%)`
CMYK	6, 0, 57, 15
HSL	65.8°, 61.4, 60.4	`hsl(65.8,61.4%,60.4%)`
HSV (or HSB)	65.8°, 57.4, 84.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.296, -20.669, 58.42
XYZ	51.389, 62.722, 19.524
xyY	0.385, 0.469, 62.722
CIE-LCH	83.296, 61.968, 109.484
CIE-LUV	83.296, -2.404, 74.582
Hunter-Lab	79.197, -22.771, 40.822
Binary	11001100, 11011000, 01011100

#ccd85c
```
#ccd85c rgb(204,216,92)
```
#685cd8
```
#685cd8 rgb(104,92,216)
```

Complementary Color

#d8a65c
```
#d8a65c rgb(216,166,92)
```
#ccd85c
```
#ccd85c rgb(204,216,92)
```
#8ed85c
```
#8ed85c rgb(142,216,92)
```

Analogous Color

#a65cd8
```
#a65cd8 rgb(166,92,216)
```
#ccd85c
```
#ccd85c rgb(204,216,92)
```
#5c8ed8
```
#5c8ed8 rgb(92,142,216)
```

Split Complementary Color

#d85ccc
```
#d85ccc rgb(216,92,204)
```
#ccd85c
```
#ccd85c rgb(204,216,92)
```
#5cccd8
```
#5cccd8 rgb(92,204,216)
```

Triadic Color

#d8685c
```
#d8685c rgb(216,104,92)
```
#ccd85c
```
#ccd85c rgb(204,216,92)
```
#5cccd8
```
#5cccd8 rgb(92,204,216)
```
#685cd8
```
#685cd8 rgb(104,92,216)
```

Tetradic Color

#adbb2d
```
#adbb2d rgb(173,187,45)
```
#bfce33
```
#bfce33 rgb(191,206,51)
```
#c6d347
```
#c6d347 rgb(198,211,71)
```
#ccd85c
```
#ccd85c rgb(204,216,92)
```
#d2dd71
```
#d2dd71 rgb(210,221,113)
```
#d9e285
```
#d9e285 rgb(217,226,133)
```
#dfe79a
```
#dfe79a rgb(223,231,154)
```

Monochromatic Color

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

#d8c55c
```
#d8c55c rgb(216,197,92)
```
#d8cf5c
```
#d8cf5c rgb(216,207,92)
```
#d6d85c
```
#d6d85c rgb(214,216,92)
```
#ccd85c
```
#ccd85c rgb(204,216,92)
```
#c2d85c
```
#c2d85c rgb(194,216,92)
```
#b7d85c
```
#b7d85c rgb(183,216,92)
```
#add85c
```
#add85c rgb(173,216,92)
```

Similar Colors

Text with hexadecimal color #ccd85c

This text has a font color of #ccd85c.

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

#ccd85c background color

This paragraph has a background color of #ccd85c.

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

#ccd85c border color

This element has a border color of #ccd85c.

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

CSS codes

.text {color:#ccd85c;}

.background {background-color:#ccd85c;}

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

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

#0a0b03
```
#0a0b03 rgb(10,11,3)
```
#191b06
```
#191b06 rgb(25,27,6)
```
#282b0a
```
#282b0a rgb(40,43,10)
```
#363b0e
```
#363b0e rgb(54,59,14)
```
#454a12
```
#454a12 rgb(69,74,18)
```
#545a16
```
#545a16 rgb(84,90,22)
```
#626a19
```
#626a19 rgb(98,106,25)
```
#717a1d
```
#717a1d rgb(113,122,29)
```
#808a21
```
#808a21 rgb(128,138,33)
```
#8e9a25
```
#8e9a25 rgb(142,154,37)
```
#9da929
```
#9da929 rgb(157,169,41)
```
#acb92c
```
#acb92c rgb(172,185,44)
```
#bac930
```
#bac930 rgb(186,201,48)
```

Shade Color Variation

#c2d03c
```
#c2d03c rgb(194,208,60)
```
#c7d44c
```
#c7d44c rgb(199,212,76)
```
#ccd85c
```
#ccd85c rgb(204,216,92)
```
#d1dc6c
```
#d1dc6c rgb(209,220,108)
```
#d6e07c
```
#d6e07c rgb(214,224,124)
```
#dbe38b
```
#dbe38b rgb(219,227,139)
```
#e0e79b
```
#e0e79b rgb(224,231,155)
```
#e5ebab
```
#e5ebab rgb(229,235,171)
```
#eaefbb
```
#eaefbb rgb(234,239,187)
```
#eff3cb
```
#eff3cb rgb(239,243,203)
```
#f4f6db
```
#f4f6db rgb(244,246,219)
```
#f9faea
```
#f9faea rgb(249,250,234)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#a0a292
```
#a0a292 rgb(160,162,146)
```
#a6a98b
```
#a6a98b rgb(166,169,139)
```
#adb183
```
#adb183 rgb(173,177,131)
```
#b3b97b
```
#b3b97b rgb(179,185,123)
```
#b9c173
```
#b9c173 rgb(185,193,115)
```
#bfc86c
```
#bfc86c rgb(191,200,108)
```
#c6d064
```
#c6d064 rgb(198,208,100)
```
#ccd85c
```
#ccd85c rgb(204,216,92)
```
#d2e054
```
#d2e054 rgb(210,224,84)
```
#d9e84c
```
#d9e84c rgb(217,232,76)
```
#dfef45
```
#dfef45 rgb(223,239,69)
```
#e5f73d
```
#e5f73d rgb(229,247,61)
```
#ebff35
```
#ebff35 rgb(235,255,53)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c7cab1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d262 Protanopia 1% of men
#ffc972 Deuteranopia 1% of men
#dccddc Tritanopia 0.001% of the population

Trichromacy

#ded45f Protanomaly 1% of men, 0.01% of women
#ecce6a Deuteranomaly 6% of men, 0.4% of women
#d6d1ad Tritanomaly 0.01% of the population

#ccd85c hex color

#ccd85c Color Information

#ccd85c Color Conversion

Color Schemes with #ccd85c

Alternatives to #ccd85c

#ccd85c Preview

Shades and Tints of #ccd85c

Tones of #ccd85c

Color Blindness Simulator