#ccd16f hex color

In a RGB color space, hex #ccd16f is composed of 80% red, 82% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 46.9% yellow and 18% black. It has a hue angle of 63.1 degrees, a saturation of 51.6% and a lightness of 62.7%. #ccd16f color hex could be obtained by blending #ffffde with #99a300. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 82
- B 44
RGB color chart
- C 2
- M 0
- Y 47
- K 18
CMYK color chart

● #ccd16f color description : Slightly desaturated yellow.

The hexadecimal color #ccd16f has RGB values of R:204, G:209, B:111 and CMYK values of C:0.02, M:0, Y:0.47, K:0.18. Its decimal value is 13422959.

Hex triplet	ccd16f	`#ccd16f`
RGB Decimal	204, 209, 111	`rgb(204,209,111)`
RGB Percent	80, 82, 43.5	`rgb(80%,82%,43.5%)`
CMYK	2, 0, 47, 18
HSL	63.1°, 51.6, 62.7	`hsl(63.1,51.6%,62.7%)`
HSV (or HSB)	63.1°, 46.9, 82
Web Safe	cccc66	`#cccc66`

CIE-LAB	81.613, -15.587, 47.695
XYZ	50.571, 59.586, 23.875
xyY	0.377, 0.445, 59.586
CIE-LCH	81.613, 50.177, 108.098
CIE-LUV	81.613, 1.337, 63.127
Hunter-Lab	77.192, -18.146, 35.696
Binary	11001100, 11010001, 01101111

#ccd16f
```
#ccd16f rgb(204,209,111)
```
#746fd1
```
#746fd1 rgb(116,111,209)
```

Complementary Color

#d1a56f
```
#d1a56f rgb(209,165,111)
```
#ccd16f
```
#ccd16f rgb(204,209,111)
```
#9bd16f
```
#9bd16f rgb(155,209,111)
```

Analogous Color

#a56fd1
```
#a56fd1 rgb(165,111,209)
```
#ccd16f
```
#ccd16f rgb(204,209,111)
```
#6f9bd1
```
#6f9bd1 rgb(111,155,209)
```

Split Complementary Color

#d16fcc
```
#d16fcc rgb(209,111,204)
```
#ccd16f
```
#ccd16f rgb(204,209,111)
```
#6fccd1
```
#6fccd1 rgb(111,204,209)
```

Triadic Color

#d1746f
```
#d1746f rgb(209,116,111)
```
#ccd16f
```
#ccd16f rgb(204,209,111)
```
#6fccd1
```
#6fccd1 rgb(111,204,209)
```
#746fd1
```
#746fd1 rgb(116,111,209)
```

Tetradic Color

#b2b93b
```
#b2b93b rgb(178,185,59)
```
#bec548
```
#bec548 rgb(190,197,72)
```
#c5cb5c
```
#c5cb5c rgb(197,203,92)
```
#ccd16f
```
#ccd16f rgb(204,209,111)
```
#d3d782
```
#d3d782 rgb(211,215,130)
```
#dadd96
```
#dadd96 rgb(218,221,150)
```
#e1e4a9
```
#e1e4a9 rgb(225,228,169)
```

Monochromatic Color

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

#d1be6f
```
#d1be6f rgb(209,190,111)
```
#d1c66f
```
#d1c66f rgb(209,198,111)
```
#d1ce6f
```
#d1ce6f rgb(209,206,111)
```
#ccd16f
```
#ccd16f rgb(204,209,111)
```
#c4d16f
```
#c4d16f rgb(196,209,111)
```
#bcd16f
```
#bcd16f rgb(188,209,111)
```
#b4d16f
```
#b4d16f rgb(180,209,111)
```

Similar Colors

Text with hexadecimal color #ccd16f

This text has a font color of #ccd16f.

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

#ccd16f background color

This paragraph has a background color of #ccd16f.

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

#ccd16f border color

This element has a border color of #ccd16f.

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

CSS codes

.text {color:#ccd16f;}

.background {background-color:#ccd16f;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#131406
```
#131406 rgb(19,20,6)
```
#21220b
```
#21220b rgb(33,34,11)
```
#303110
```
#303110 rgb(48,49,16)
```
#3e4014
```
#3e4014 rgb(62,64,20)
```
#4c4f19
```
#4c4f19 rgb(76,79,25)
```
#5b5e1e
```
#5b5e1e rgb(91,94,30)
```
#696d23
```
#696d23 rgb(105,109,35)
```
#777c27
```
#777c27 rgb(119,124,39)
```
#868a2c
```
#868a2c rgb(134,138,44)
```
#949931
```
#949931 rgb(148,153,49)
```
#a2a836
```
#a2a836 rgb(162,168,54)
```
#b1b73a
```
#b1b73a rgb(177,183,58)
```

Shade Color Variation

#bcc342
```
#bcc342 rgb(188,195,66)
```
#c1c851
```
#c1c851 rgb(193,200,81)
```
#c7cc60
```
#c7cc60 rgb(199,204,96)
```
#ccd16f
```
#ccd16f rgb(204,209,111)
```
#d1d67e
```
#d1d67e rgb(209,214,126)
```
#d7da8d
```
#d7da8d rgb(215,218,141)
```
#dcdf9c
```
#dcdf9c rgb(220,223,156)
```
#e1e4aa
```
#e1e4aa rgb(225,228,170)
```
#e6e9b9
```
#e6e9b9 rgb(230,233,185)
```
#ecedc8
```
#ecedc8 rgb(236,237,200)
```
#f1f2d7
```
#f1f2d7 rgb(241,242,215)
```
#f6f7e6
```
#f6f7e6 rgb(246,247,230)
```
#fbfcf5
```
#fbfcf5 rgb(251,252,245)
```

Tint Color Variation

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

#a5a59b
```
#a5a59b rgb(165,165,155)
```
#abac94
```
#abac94 rgb(171,172,148)
```
#b2b48c
```
#b2b48c rgb(178,180,140)
```
#b8bb85
```
#b8bb85 rgb(184,187,133)
```
#bfc27e
```
#bfc27e rgb(191,194,126)
```
#c5ca76
```
#c5ca76 rgb(197,202,118)
```
#ccd16f
```
#ccd16f rgb(204,209,111)
```
#d3d868
```
#d3d868 rgb(211,216,104)
```
#d9e060
```
#d9e060 rgb(217,224,96)
```
#e0e759
```
#e0e759 rgb(224,231,89)
```
#e6ee52
```
#e6ee52 rgb(230,238,82)
```
#edf64a
```
#edf64a rgb(237,246,74)
```
#f3fd43
```
#f3fd43 rgb(243,253,67)
```

Tone Color Variation

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

Dichromacy

#e1cd74 Protanopia 1% of men
#f8c47b Deuteranopia 1% of men
#dac8d6 Tritanopia 0.001% of the population

Trichromacy

#d9ce72 Protanomaly 1% of men, 0.01% of women
#e8c976 Deuteranomaly 6% of men, 0.4% of women
#d5cbb0 Tritanomaly 0.01% of the population

#ccd16f hex color

#ccd16f Color Information

#ccd16f Color Conversion

Color Schemes with #ccd16f

Alternatives to #ccd16f

#ccd16f Preview

Shades and Tints of #ccd16f

Tones of #ccd16f

Color Blindness Simulator