#ccd49e hex color

In a RGB color space, hex #ccd49e is composed of 80% red, 83.1% green and 62% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 25.5% yellow and 16.9% black. It has a hue angle of 68.9 degrees, a saturation of 38.6% and a lightness of 72.5%. #ccd49e color hex could be obtained by blending #ffffff with #99a93d. Closest websafe color is: #cccc99.

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

● #ccd49e color description : Slightly desaturated yellow.

The hexadecimal color #ccd49e has RGB values of R:204, G:212, B:158 and CMYK values of C:0.04, M:0, Y:0.25, K:0.17. Its decimal value is 13423774.

Hex triplet	ccd49e	`#ccd49e`
RGB Decimal	204, 212, 158	`rgb(204,212,158)`
RGB Percent	80, 83.1, 62	`rgb(80%,83.1%,62%)`
CMYK	4, 0, 25, 17
HSL	68.9°, 38.6, 72.5	`hsl(68.9,38.6%,72.5%)`
HSV (or HSB)	68.9°, 25.5, 83.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	83.122, -11.566, 25.878
XYZ	54.616, 62.393, 41.512
xyY	0.345, 0.394, 62.393
CIE-LCH	83.122, 28.345, 114.082
CIE-LUV	83.122, -2.072, 38.105
Hunter-Lab	78.989, -14.811, 24.133
Binary	11001100, 11010100, 10011110

#ccd49e
```
#ccd49e rgb(204,212,158)
```
#a69ed4
```
#a69ed4 rgb(166,158,212)
```

Complementary Color

#d4c19e
```
#d4c19e rgb(212,193,158)
```
#ccd49e
```
#ccd49e rgb(204,212,158)
```
#b1d49e
```
#b1d49e rgb(177,212,158)
```

Analogous Color

#c19ed4
```
#c19ed4 rgb(193,158,212)
```
#ccd49e
```
#ccd49e rgb(204,212,158)
```
#9eb1d4
```
#9eb1d4 rgb(158,177,212)
```

Split Complementary Color

#d49ecc
```
#d49ecc rgb(212,158,204)
```
#ccd49e
```
#ccd49e rgb(204,212,158)
```
#9eccd4
```
#9eccd4 rgb(158,204,212)
```

Triadic Color

#d4a69e
```
#d4a69e rgb(212,166,158)
```
#ccd49e
```
#ccd49e rgb(204,212,158)
```
#9eccd4
```
#9eccd4 rgb(158,204,212)
```
#a69ed4
```
#a69ed4 rgb(166,158,212)
```

Tetradic Color

#b0bd69
```
#b0bd69 rgb(176,189,105)
```
#b9c47b
```
#b9c47b rgb(185,196,123)
```
#c3cc8c
```
#c3cc8c rgb(195,204,140)
```
#ccd49e
```
#ccd49e rgb(204,212,158)
```
#d5dcb0
```
#d5dcb0 rgb(213,220,176)
```
#dfe4c1
```
#dfe4c1 rgb(223,228,193)
```
#e8ebd3
```
#e8ebd3 rgb(232,235,211)
```

Monochromatic Color

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

#d4cf9e
```
#d4cf9e rgb(212,207,158)
```
#d4d39e
```
#d4d39e rgb(212,211,158)
```
#d1d49e
```
#d1d49e rgb(209,212,158)
```
#ccd49e
```
#ccd49e rgb(204,212,158)
```
#c8d49e
```
#c8d49e rgb(200,212,158)
```
#c3d49e
```
#c3d49e rgb(195,212,158)
```
#bfd49e
```
#bfd49e rgb(191,212,158)
```

Similar Colors

Text with hexadecimal color #ccd49e

This text has a font color of #ccd49e.

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

#ccd49e background color

This paragraph has a background color of #ccd49e.

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

#ccd49e border color

This element has a border color of #ccd49e.

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

CSS codes

.text {color:#ccd49e;}

.background {background-color:#ccd49e;}

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

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

#0b0c05
```
#0b0c05 rgb(11,12,5)
```
#17190b
```
#17190b rgb(23,25,11)
```
#242711
```
#242711 rgb(36,39,17)
```
#303417
```
#303417 rgb(48,52,23)
```
#3d421d
```
#3d421d rgb(61,66,29)
```
#495023
```
#495023 rgb(73,80,35)
```
#565d29
```
#565d29 rgb(86,93,41)
```
#626b2f
```
#626b2f rgb(98,107,47)
```
#6f7835
```
#6f7835 rgb(111,120,53)
```
#7b863b
```
#7b863b rgb(123,134,59)
```
#879441
```
#879441 rgb(135,148,65)
```
#94a147
```
#94a147 rgb(148,161,71)
```
#a0af4d
```
#a0af4d rgb(160,175,77)
```

Shade Color Variation

#a8b65a
```
#a8b65a rgb(168,182,90)
```
#afbc68
```
#afbc68 rgb(175,188,104)
```
#b7c275
```
#b7c275 rgb(183,194,117)
```
#bec883
```
#bec883 rgb(190,200,131)
```
#c5ce90
```
#c5ce90 rgb(197,206,144)
```
#ccd49e
```
#ccd49e rgb(204,212,158)
```
#d3daac
```
#d3daac rgb(211,218,172)
```
#dae0b9
```
#dae0b9 rgb(218,224,185)
```
#e1e6c7
```
#e1e6c7 rgb(225,230,199)
```
#e9ecd4
```
#e9ecd4 rgb(233,236,212)
```
#f0f2e2
```
#f0f2e2 rgb(240,242,226)
```
#f7f8f0
```
#f7f8f0 rgb(247,248,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#b9b9b9
```
#b9b9b9 rgb(185,185,185)
```
#bdbeb4
```
#bdbeb4 rgb(189,190,180)
```
#c1c4ae
```
#c1c4ae rgb(193,196,174)
```
#c4c9a9
```
#c4c9a9 rgb(196,201,169)
```
#c8cfa3
```
#c8cfa3 rgb(200,207,163)
```
#ccd49e
```
#ccd49e rgb(204,212,158)
```
#d0d999
```
#d0d999 rgb(208,217,153)
```
#d4df93
```
#d4df93 rgb(212,223,147)
```
#d7e48e
```
#d7e48e rgb(215,228,142)
```
#dbea88
```
#dbea88 rgb(219,234,136)
```
#dfef83
```
#dfef83 rgb(223,239,131)
```
#e3f47e
```
#e3f47e rgb(227,244,126)
```
#e7fa78
```
#e7fa78 rgb(231,250,120)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#cbcdc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd1a0 Protanopia 1% of men
#f3c9a6 Deuteranopia 1% of men
#d7cedd Tritanopia 0.001% of the population

Trichromacy

#d8d29f Protanomaly 1% of men, 0.01% of women
#e5cda3 Deuteranomaly 6% of men, 0.4% of women
#d3d0c6 Tritanomaly 0.01% of the population

#ccd49e hex color

#ccd49e Color Information

#ccd49e Color Conversion

Color Schemes with #ccd49e

Alternatives to #ccd49e

#ccd49e Preview

Shades and Tints of #ccd49e

Tones of #ccd49e

Color Blindness Simulator