#ccd45e hex color

In a RGB color space, hex #ccd45e is composed of 80% red, 83.1% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 55.7% yellow and 16.9% black. It has a hue angle of 64.1 degrees, a saturation of 57.8% and a lightness of 60%. #ccd45e color hex could be obtained by blending #ffffbc with #99a900. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 83
- B 37
RGB color chart
- C 4
- M 0
- Y 56
- K 17
CMYK color chart

● #ccd45e color description : Moderate yellow.

The hexadecimal color #ccd45e has RGB values of R:204, G:212, B:94 and CMYK values of C:0.04, M:0, Y:0.56, K:0.17. Its decimal value is 13423710.

Hex triplet	ccd45e	`#ccd45e`
RGB Decimal	204, 212, 94	`rgb(204,212,94)`
RGB Percent	80, 83.1, 36.9	`rgb(80%,83.1%,36.9%)`
CMYK	4, 0, 56, 17
HSL	64.1°, 57.8, 60	`hsl(64.1,57.8%,60%)`
HSV (or HSB)	64.1°, 55.7, 83.1
Web Safe	cccc66	`#cccc66`

CIE-LAB	82.235, -18.551, 56.342
XYZ	50.465, 60.733, 19.653
xyY	0.386, 0.464, 60.733
CIE-LCH	82.235, 59.317, 108.224
CIE-LUV	82.235, -0.019, 71.971
Hunter-Lab	77.931, -20.79, 39.6
Binary	11001100, 11010100, 01011110

#ccd45e
```
#ccd45e rgb(204,212,94)
```
#665ed4
```
#665ed4 rgb(102,94,212)
```

Complementary Color

#d4a15e
```
#d4a15e rgb(212,161,94)
```
#ccd45e
```
#ccd45e rgb(204,212,94)
```
#91d45e
```
#91d45e rgb(145,212,94)
```

Analogous Color

#a15ed4
```
#a15ed4 rgb(161,94,212)
```
#ccd45e
```
#ccd45e rgb(204,212,94)
```
#5e91d4
```
#5e91d4 rgb(94,145,212)
```

Split Complementary Color

#d45ecc
```
#d45ecc rgb(212,94,204)
```
#ccd45e
```
#ccd45e rgb(204,212,94)
```
#5eccd4
```
#5eccd4 rgb(94,204,212)
```

Triadic Color

#d4665e
```
#d4665e rgb(212,102,94)
```
#ccd45e
```
#ccd45e rgb(204,212,94)
```
#5eccd4
```
#5eccd4 rgb(94,204,212)
```
#665ed4
```
#665ed4 rgb(102,94,212)
```

Tetradic Color

#acb530
```
#acb530 rgb(172,181,48)
```
#bfc936
```
#bfc936 rgb(191,201,54)
```
#c6cf4a
```
#c6cf4a rgb(198,207,74)
```
#ccd45e
```
#ccd45e rgb(204,212,94)
```
#d2d972
```
#d2d972 rgb(210,217,114)
```
#d9df86
```
#d9df86 rgb(217,223,134)
```
#dfe49a
```
#dfe49a rgb(223,228,154)
```

Monochromatic Color

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

#d4bf5e
```
#d4bf5e rgb(212,191,94)
```
#d4c85e
```
#d4c85e rgb(212,200,94)
```
#d4d25e
```
#d4d25e rgb(212,210,94)
```
#ccd45e
```
#ccd45e rgb(204,212,94)
```
#c2d45e
```
#c2d45e rgb(194,212,94)
```
#b8d45e
```
#b8d45e rgb(184,212,94)
```
#afd45e
```
#afd45e rgb(175,212,94)
```

Similar Colors

Text with hexadecimal color #ccd45e

This text has a font color of #ccd45e.

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

#ccd45e background color

This paragraph has a background color of #ccd45e.

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

#ccd45e border color

This element has a border color of #ccd45e.

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

CSS codes

.text {color:#ccd45e;}

.background {background-color:#ccd45e;}

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

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

#090902
```
#090902 rgb(9,9,2)
```
#181907
```
#181907 rgb(24,25,7)
```
#26280b
```
#26280b rgb(38,40,11)
```
#35380f
```
#35380f rgb(53,56,15)
```
#444713
```
#444713 rgb(68,71,19)
```
#525717
```
#525717 rgb(82,87,23)
```
#61661b
```
#61661b rgb(97,102,27)
```
#70761f
```
#70761f rgb(112,118,31)
```
#7f8524
```
#7f8524 rgb(127,133,36)
```
#8d9528
```
#8d9528 rgb(141,149,40)
```
#9ca42c
```
#9ca42c rgb(156,164,44)
```
#abb430
```
#abb430 rgb(171,180,48)
```
#b9c334
```
#b9c334 rgb(185,195,52)
```

Shade Color Variation

#c2cc3f
```
#c2cc3f rgb(194,204,63)
```
#c7d04f
```
#c7d04f rgb(199,208,79)
```
#ccd45e
```
#ccd45e rgb(204,212,94)
```
#d1d86d
```
#d1d86d rgb(209,216,109)
```
#d6dc7d
```
#d6dc7d rgb(214,220,125)
```
#dbe08c
```
#dbe08c rgb(219,224,140)
```
#e0e59c
```
#e0e59c rgb(224,229,156)
```
#e5e9ab
```
#e5e9ab rgb(229,233,171)
```
#e9edbb
```
#e9edbb rgb(233,237,187)
```
#eef1ca
```
#eef1ca rgb(238,241,202)
```
#f3f5da
```
#f3f5da rgb(243,245,218)
```
#f8f9e9
```
#f8f9e9 rgb(248,249,233)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#9d9d95
```
#9d9d95 rgb(157,157,149)
```
#a3a58d
```
#a3a58d rgb(163,165,141)
```
#aaad85
```
#aaad85 rgb(170,173,133)
```
#b1b57d
```
#b1b57d rgb(177,181,125)
```
#b8bc76
```
#b8bc76 rgb(184,188,118)
```
#bec46e
```
#bec46e rgb(190,196,110)
```
#c5cc66
```
#c5cc66 rgb(197,204,102)
```
#ccd45e
```
#ccd45e rgb(204,212,94)
```
#d3dc56
```
#d3dc56 rgb(211,220,86)
```
#dae44e
```
#dae44e rgb(218,228,78)
```
#e0ec46
```
#e0ec46 rgb(224,236,70)
```
#e7f33f
```
#e7f33f rgb(231,243,63)
```
#eefb37
```
#eefb37 rgb(238,251,55)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c6c7b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cf64 Protanopia 1% of men
#fcc56c Deuteranopia 1% of men
#dccad8 Tritanopia 0.001% of the population

Trichromacy

#dbd162 Protanomaly 1% of men, 0.01% of women
#ebcb67 Deuteranomaly 6% of men, 0.4% of women
#d6cdab Tritanomaly 0.01% of the population

#ccd45e hex color

#ccd45e Color Information

#ccd45e Color Conversion

Color Schemes with #ccd45e

Alternatives to #ccd45e

#ccd45e Preview

Shades and Tints of #ccd45e

Tones of #ccd45e

Color Blindness Simulator