#ccd49f hex color

In a RGB color space, hex #ccd49f is composed of 80% red, 83.1% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 25% yellow and 16.9% black. It has a hue angle of 69.1 degrees, a saturation of 38.1% and a lightness of 72.7%. #ccd49f color hex could be obtained by blending #ffffff with #99a93f. 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

● #ccd49f color description : Slightly desaturated yellow.

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

Hex triplet	ccd49f	`#ccd49f`
RGB Decimal	204, 212, 159	`rgb(204,212,159)`
RGB Percent	80, 83.1, 62.4	`rgb(80%,83.1%,62.4%)`
CMYK	4, 0, 25, 17
HSL	69.1°, 38.1, 72.7	`hsl(69.1,38.1%,72.7%)`
HSV (or HSB)	69.1°, 25, 83.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	83.14, -11.426, 25.381
XYZ	54.702, 62.428, 41.967
xyY	0.344, 0.392, 62.428
CIE-LCH	83.14, 27.835, 114.236
CIE-LUV	83.14, -2.111, 37.455
Hunter-Lab	79.011, -14.688, 23.816
Binary	11001100, 11010100, 10011111

#ccd49f
```
#ccd49f rgb(204,212,159)
```
#a79fd4
```
#a79fd4 rgb(167,159,212)
```

Complementary Color

#d4c29f
```
#d4c29f rgb(212,194,159)
```
#ccd49f
```
#ccd49f rgb(204,212,159)
```
#b2d49f
```
#b2d49f rgb(178,212,159)
```

Analogous Color

#c29fd4
```
#c29fd4 rgb(194,159,212)
```
#ccd49f
```
#ccd49f rgb(204,212,159)
```
#9fb2d4
```
#9fb2d4 rgb(159,178,212)
```

Split Complementary Color

#d49fcc
```
#d49fcc rgb(212,159,204)
```
#ccd49f
```
#ccd49f rgb(204,212,159)
```
#9fccd4
```
#9fccd4 rgb(159,204,212)
```

Triadic Color

#d4a79f
```
#d4a79f rgb(212,167,159)
```
#ccd49f
```
#ccd49f rgb(204,212,159)
```
#9fccd4
```
#9fccd4 rgb(159,204,212)
```
#a79fd4
```
#a79fd4 rgb(167,159,212)
```

Tetradic Color

#b0bc6a
```
#b0bc6a rgb(176,188,106)
```
#b9c47c
```
#b9c47c rgb(185,196,124)
```
#c3cc8d
```
#c3cc8d rgb(195,204,141)
```
#ccd49f
```
#ccd49f rgb(204,212,159)
```
#d5dcb1
```
#d5dcb1 rgb(213,220,177)
```
#dfe4c2
```
#dfe4c2 rgb(223,228,194)
```
#e8ecd4
```
#e8ecd4 rgb(232,236,212)
```

Monochromatic Color

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

#d4cf9f
```
#d4cf9f rgb(212,207,159)
```
#d4d39f
```
#d4d39f rgb(212,211,159)
```
#d0d49f
```
#d0d49f rgb(208,212,159)
```
#ccd49f
```
#ccd49f rgb(204,212,159)
```
#c8d49f
```
#c8d49f rgb(200,212,159)
```
#c3d49f
```
#c3d49f rgb(195,212,159)
```
#bfd49f
```
#bfd49f rgb(191,212,159)
```

Similar Colors

Text with hexadecimal color #ccd49f

This text has a font color of #ccd49f.

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

#ccd49f background color

This paragraph has a background color of #ccd49f.

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

#ccd49f border color

This element has a border color of #ccd49f.

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

CSS codes

.text {color:#ccd49f;}

.background {background-color:#ccd49f;}

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

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

#0b0c06
```
#0b0c06 rgb(11,12,6)
```
#181a0c
```
#181a0c rgb(24,26,12)
```
#242712
```
#242712 rgb(36,39,18)
```
#313518
```
#313518 rgb(49,53,24)
```
#3d431e
```
#3d431e rgb(61,67,30)
```
#495024
```
#495024 rgb(73,80,36)
```
#565e2a
```
#565e2a rgb(86,94,42)
```
#626b30
```
#626b30 rgb(98,107,48)
```
#6f7936
```
#6f7936 rgb(111,121,54)
```
#7b863c
```
#7b863c rgb(123,134,60)
```
#889442
```
#889442 rgb(136,148,66)
```
#94a148
```
#94a148 rgb(148,161,72)
```
#a0af4e
```
#a0af4e rgb(160,175,78)
```

Shade Color Variation

#a8b65b
```
#a8b65b rgb(168,182,91)
```
#afbc69
```
#afbc69 rgb(175,188,105)
```
#b6c276
```
#b6c276 rgb(182,194,118)
```
#bec884
```
#bec884 rgb(190,200,132)
```
#c5ce91
```
#c5ce91 rgb(197,206,145)
```
#ccd49f
```
#ccd49f rgb(204,212,159)
```
#d3daad
```
#d3daad rgb(211,218,173)
```
#dae0ba
```
#dae0ba rgb(218,224,186)
```
#e2e6c8
```
#e2e6c8 rgb(226,230,200)
```
#e9ecd5
```
#e9ecd5 rgb(233,236,213)
```
#f0f2e3
```
#f0f2e3 rgb(240,242,227)
```
#f7f8f0
```
#f7f8f0 rgb(247,248,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#bdbfb4
```
#bdbfb4 rgb(189,191,180)
```
#c1c4af
```
#c1c4af rgb(193,196,175)
```
#c5c9aa
```
#c5c9aa rgb(197,201,170)
```
#c8cfa4
```
#c8cfa4 rgb(200,207,164)
```
#ccd49f
```
#ccd49f rgb(204,212,159)
```
#d0d99a
```
#d0d99a rgb(208,217,154)
```
#d3df94
```
#d3df94 rgb(211,223,148)
```
#d7e48f
```
#d7e48f rgb(215,228,143)
```
#dbe98a
```
#dbe98a rgb(219,233,138)
```
#dfef84
```
#dfef84 rgb(223,239,132)
```
#e2f47f
```
#e2f47f rgb(226,244,127)
```
#e6f97a
```
#e6f97a rgb(230,249,122)
```
#eaff74
```
#eaff74 rgb(234,255,116)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#cccec3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd1a1 Protanopia 1% of men
#f3c9a7 Deuteranopia 1% of men
#d7cedd Tritanopia 0.001% of the population

Trichromacy

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

#ccd49f hex color

#ccd49f Color Information

#ccd49f Color Conversion

Color Schemes with #ccd49f

Alternatives to #ccd49f

#ccd49f Preview

Shades and Tints of #ccd49f

Tones of #ccd49f

Color Blindness Simulator