#ccd16b hex color

In a RGB color space, hex #ccd16b is composed of 80% red, 82% green and 42% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 48.8% yellow and 18% black. It has a hue angle of 62.9 degrees, a saturation of 52.6% and a lightness of 62%. #ccd16b color hex could be obtained by blending #ffffd6 with #99a300. Closest websafe color is: #cccc66.

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

● #ccd16b color description : Slightly desaturated yellow.

The hexadecimal color #ccd16b has RGB values of R:204, G:209, B:107 and CMYK values of C:0.02, M:0, Y:0.49, K:0.18. Its decimal value is 13422955.

Hex triplet	ccd16b	`#ccd16b`
RGB Decimal	204, 209, 107	`rgb(204,209,107)`
RGB Percent	80, 82, 42	`rgb(80%,82%,42%)`
CMYK	2, 0, 49, 18
HSL	62.9°, 52.6, 62	`hsl(62.9,52.6%,62%)`
HSV (or HSB)	62.9°, 48.8, 82
Web Safe	cccc66	`#cccc66`

CIE-LAB	81.566, -15.96, 49.554
XYZ	50.356, 59.5, 22.741
xyY	0.38, 0.449, 59.5
CIE-LCH	81.566, 52.061, 107.852
CIE-LUV	81.566, 1.458, 64.996
Hunter-Lab	77.136, -18.462, 36.516
Binary	11001100, 11010001, 01101011

#ccd16b
```
#ccd16b rgb(204,209,107)
```
#706bd1
```
#706bd1 rgb(112,107,209)
```

Complementary Color

#d1a36b
```
#d1a36b rgb(209,163,107)
```
#ccd16b
```
#ccd16b rgb(204,209,107)
```
#99d16b
```
#99d16b rgb(153,209,107)
```

Analogous Color

#a36bd1
```
#a36bd1 rgb(163,107,209)
```
#ccd16b
```
#ccd16b rgb(204,209,107)
```
#6b99d1
```
#6b99d1 rgb(107,153,209)
```

Split Complementary Color

#d16bcc
```
#d16bcc rgb(209,107,204)
```
#ccd16b
```
#ccd16b rgb(204,209,107)
```
#6bccd1
```
#6bccd1 rgb(107,204,209)
```

Triadic Color

#d1706b
```
#d1706b rgb(209,112,107)
```
#ccd16b
```
#ccd16b rgb(204,209,107)
```
#6bccd1
```
#6bccd1 rgb(107,204,209)
```
#706bd1
```
#706bd1 rgb(112,107,209)
```

Tetradic Color

#b1b739
```
#b1b739 rgb(177,183,57)
```
#bfc544
```
#bfc544 rgb(191,197,68)
```
#c5cb58
```
#c5cb58 rgb(197,203,88)
```
#ccd16b
```
#ccd16b rgb(204,209,107)
```
#d3d77e
```
#d3d77e rgb(211,215,126)
```
#d9dd92
```
#d9dd92 rgb(217,221,146)
```
#e0e3a5
```
#e0e3a5 rgb(224,227,165)
```

Monochromatic Color

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

#d1bd6b
```
#d1bd6b rgb(209,189,107)
```
#d1c56b
```
#d1c56b rgb(209,197,107)
```
#d1ce6b
```
#d1ce6b rgb(209,206,107)
```
#ccd16b
```
#ccd16b rgb(204,209,107)
```
#c4d16b
```
#c4d16b rgb(196,209,107)
```
#bbd16b
```
#bbd16b rgb(187,209,107)
```
#b3d16b
```
#b3d16b rgb(179,209,107)
```

Similar Colors

Text with hexadecimal color #ccd16b

This text has a font color of #ccd16b.

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

#ccd16b background color

This paragraph has a background color of #ccd16b.

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

#ccd16b border color

This element has a border color of #ccd16b.

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

CSS codes

.text {color:#ccd16b;}

.background {background-color:#ccd16b;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#101105
```
#101105 rgb(16,17,5)
```
#1f200a
```
#1f200a rgb(31,32,10)
```
#2d2f0e
```
#2d2f0e rgb(45,47,14)
```
#3b3e13
```
#3b3e13 rgb(59,62,19)
```
#4a4c18
```
#4a4c18 rgb(74,76,24)
```
#585b1c
```
#585b1c rgb(88,91,28)
```
#676a21
```
#676a21 rgb(103,106,33)
```
#757926
```
#757926 rgb(117,121,38)
```
#84882a
```
#84882a rgb(132,136,42)
```
#92972f
```
#92972f rgb(146,151,47)
```
#a1a634
```
#a1a634 rgb(161,166,52)
```
#afb538
```
#afb538 rgb(175,181,56)
```

Shade Color Variation

#bdc33e
```
#bdc33e rgb(189,195,62)
```
#c2c84d
```
#c2c84d rgb(194,200,77)
```
#c7cc5c
```
#c7cc5c rgb(199,204,92)
```
#ccd16b
```
#ccd16b rgb(204,209,107)
```
#d1d67a
```
#d1d67a rgb(209,214,122)
```
#d6da89
```
#d6da89 rgb(214,218,137)
```
#dbdf98
```
#dbdf98 rgb(219,223,152)
```
#e1e4a7
```
#e1e4a7 rgb(225,228,167)
```
#e6e8b6
```
#e6e8b6 rgb(230,232,182)
```
#ebedc5
```
#ebedc5 rgb(235,237,197)
```
#f0f2d4
```
#f0f2d4 rgb(240,242,212)
```
#f5f6e3
```
#f5f6e3 rgb(245,246,227)
```
#fafbf2
```
#fafbf2 rgb(250,251,242)
```

Tint Color Variation

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

#a4a498
```
#a4a498 rgb(164,164,152)
```
#aaac90
```
#aaac90 rgb(170,172,144)
```
#b1b389
```
#b1b389 rgb(177,179,137)
```
#b8bb81
```
#b8bb81 rgb(184,187,129)
```
#bfc27a
```
#bfc27a rgb(191,194,122)
```
#c5ca72
```
#c5ca72 rgb(197,202,114)
```
#ccd16b
```
#ccd16b rgb(204,209,107)
```
#d3d864
```
#d3d864 rgb(211,216,100)
```
#d9e05c
```
#d9e05c rgb(217,224,92)
```
#e0e755
```
#e0e755 rgb(224,231,85)
```
#e7ef4d
```
#e7ef4d rgb(231,239,77)
```
#eef646
```
#eef646 rgb(238,246,70)
```
#f4fe3e
```
#f4fe3e rgb(244,254,62)
```

Tone Color Variation

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

Dichromacy

#e1cd70 Protanopia 1% of men
#f8c477 Deuteranopia 1% of men
#dac8d6 Tritanopia 0.001% of the population

Trichromacy

#d9ce6e Protanomaly 1% of men, 0.01% of women
#e8c973 Deuteranomaly 6% of men, 0.4% of women
#d5cbaf Tritanomaly 0.01% of the population

#ccd16b hex color

#ccd16b Color Information

#ccd16b Color Conversion

Color Schemes with #ccd16b

Alternatives to #ccd16b

#ccd16b Preview

Shades and Tints of #ccd16b

Tones of #ccd16b

Color Blindness Simulator