#ccd56a hex color

In a RGB color space, hex #ccd56a is composed of 80% red, 83.5% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 4.2% cyan, 0% magenta, 50.2% yellow and 16.5% black. It has a hue angle of 65 degrees, a saturation of 56% and a lightness of 62.5%. #ccd56a color hex could be obtained by blending #ffffd4 with #99ab00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 84
- B 42
RGB color chart
- C 4
- M 0
- Y 50
- K 16
CMYK color chart

● #ccd56a color description : Moderate yellow.

The hexadecimal color #ccd56a has RGB values of R:204, G:213, B:106 and CMYK values of C:0.04, M:0, Y:0.5, K:0.16. Its decimal value is 13423978.

Hex triplet	ccd56a	`#ccd56a`
RGB Decimal	204, 213, 106	`rgb(204,213,106)`
RGB Percent	80, 83.5, 41.6	`rgb(80%,83.5%,41.6%)`
CMYK	4, 0, 50, 16
HSL	65°, 56, 62.5	`hsl(65,56%,62.5%)`
HSV (or HSB)	65°, 50.2, 83.5
Web Safe	cccc66	`#cccc66`

CIE-LAB	82.629, -18.037, 51.291
XYZ	51.297, 61.467, 22.797
xyY	0.378, 0.453, 61.467
CIE-LCH	82.629, 54.37, 109.375
CIE-LUV	82.629, -0.927, 67.378
Hunter-Lab	78.401, -20.41, 37.641
Binary	11001100, 11010101, 01101010

#ccd56a
```
#ccd56a rgb(204,213,106)
```
#736ad5
```
#736ad5 rgb(115,106,213)
```

Complementary Color

#d5a96a
```
#d5a96a rgb(213,169,106)
```
#ccd56a
```
#ccd56a rgb(204,213,106)
```
#97d56a
```
#97d56a rgb(151,213,106)
```

Analogous Color

#a96ad5
```
#a96ad5 rgb(169,106,213)
```
#ccd56a
```
#ccd56a rgb(204,213,106)
```
#6a97d5
```
#6a97d5 rgb(106,151,213)
```

Split Complementary Color

#d56acc
```
#d56acc rgb(213,106,204)
```
#ccd56a
```
#ccd56a rgb(204,213,106)
```
#6accd5
```
#6accd5 rgb(106,204,213)
```

Triadic Color

#d5736a
```
#d5736a rgb(213,115,106)
```
#ccd56a
```
#ccd56a rgb(204,213,106)
```
#6accd5
```
#6accd5 rgb(106,204,213)
```
#736ad5
```
#736ad5 rgb(115,106,213)
```

Tetradic Color

#b2bd35
```
#b2bd35 rgb(178,189,53)
```
#beca42
```
#beca42 rgb(190,202,66)
```
#c5cf56
```
#c5cf56 rgb(197,207,86)
```
#ccd56a
```
#ccd56a rgb(204,213,106)
```
#d3db7e
```
#d3db7e rgb(211,219,126)
```
#dae092
```
#dae092 rgb(218,224,146)
```
#e0e6a6
```
#e0e6a6 rgb(224,230,166)
```

Monochromatic Color

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

#d5c36a
```
#d5c36a rgb(213,195,106)
```
#d5cc6a
```
#d5cc6a rgb(213,204,106)
```
#d5d56a
```
#d5d56a rgb(213,213,106)
```
#ccd56a
```
#ccd56a rgb(204,213,106)
```
#c3d56a
```
#c3d56a rgb(195,213,106)
```
#bad56a
```
#bad56a rgb(186,213,106)
```
#b1d56a
```
#b1d56a rgb(177,213,106)
```

Similar Colors

Text with hexadecimal color #ccd56a

This text has a font color of #ccd56a.

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

#ccd56a background color

This paragraph has a background color of #ccd56a.

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

#ccd56a border color

This element has a border color of #ccd56a.

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

CSS codes

.text {color:#ccd56a;}

.background {background-color:#ccd56a;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#121305
```
#121305 rgb(18,19,5)
```
#21230a
```
#21230a rgb(33,35,10)
```
#2f320e
```
#2f320e rgb(47,50,14)
```
#3d4112
```
#3d4112 rgb(61,65,18)
```
#4c5117
```
#4c5117 rgb(76,81,23)
```
#5a601b
```
#5a601b rgb(90,96,27)
```
#686f1f
```
#686f1f rgb(104,111,31)
```
#777e24
```
#777e24 rgb(119,126,36)
```
#858e28
```
#858e28 rgb(133,142,40)
```
#949d2c
```
#949d2c rgb(148,157,44)
```
#a2ac31
```
#a2ac31 rgb(162,172,49)
```
#b0bc35
```
#b0bc35 rgb(176,188,53)
```

Shade Color Variation

#bcc83c
```
#bcc83c rgb(188,200,60)
```
#c2cc4b
```
#c2cc4b rgb(194,204,75)
```
#c7d15b
```
#c7d15b rgb(199,209,91)
```
#ccd56a
```
#ccd56a rgb(204,213,106)
```
#d1d979
```
#d1d979 rgb(209,217,121)
```
#d6de89
```
#d6de89 rgb(214,222,137)
```
#dce298
```
#dce298 rgb(220,226,152)
```
#e1e6a7
```
#e1e6a7 rgb(225,230,167)
```
#e6ebb7
```
#e6ebb7 rgb(230,235,183)
```
#ebefc6
```
#ebefc6 rgb(235,239,198)
```
#f1f3d5
```
#f1f3d5 rgb(241,243,213)
```
#f6f8e4
```
#f6f8e4 rgb(246,248,228)
```
#fbfcf4
```
#fbfcf4 rgb(251,252,244)
```

Tint Color Variation

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

#a1a29d
```
#a1a29d rgb(161,162,157)
```
#a7a996
```
#a7a996 rgb(167,169,150)
```
#adb08f
```
#adb08f rgb(173,176,143)
```
#b4b887
```
#b4b887 rgb(180,184,135)
```
#babf80
```
#babf80 rgb(186,191,128)
```
#c0c679
```
#c0c679 rgb(192,198,121)
```
#c6ce71
```
#c6ce71 rgb(198,206,113)
```
#ccd56a
```
#ccd56a rgb(204,213,106)
```
#d2dc63
```
#d2dc63 rgb(210,220,99)
```
#d8e45b
```
#d8e45b rgb(216,228,91)
```
#deeb54
```
#deeb54 rgb(222,235,84)
```
#e4f24d
```
#e4f24d rgb(228,242,77)
```
#ebfa45
```
#ebfa45 rgb(235,250,69)
```

Tone Color Variation

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

Dichromacy

#e5d06f Protanopia 1% of men
#fcc777 Deuteranopia 1% of men
#dbcbda Tritanopia 0.001% of the population

Trichromacy

#dbd26d Protanomaly 1% of men, 0.01% of women
#eacc72 Deuteranomaly 6% of men, 0.4% of women
#d5ceb1 Tritanomaly 0.01% of the population

#ccd56a hex color

#ccd56a Color Information

#ccd56a Color Conversion

Color Schemes with #ccd56a

Alternatives to #ccd56a

#ccd56a Preview

Shades and Tints of #ccd56a

Tones of #ccd56a

Color Blindness Simulator