#ccd170 hex color

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

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

● #ccd170 color description : Slightly desaturated yellow.

The hexadecimal color #ccd170 has RGB values of R:204, G:209, B:112 and CMYK values of C:0.02, M:0, Y:0.46, K:0.18. Its decimal value is 13422960.

Hex triplet	ccd170	`#ccd170`
RGB Decimal	204, 209, 112	`rgb(204,209,112)`
RGB Percent	80, 82, 43.9	`rgb(80%,82%,43.9%)`
CMYK	2, 0, 46, 18
HSL	63.1°, 51.3, 62.9	`hsl(63.1,51.3%,62.9%)`
HSV (or HSB)	63.1°, 46.4, 82
Web Safe	cccc66	`#cccc66`

CIE-LAB	81.625, -15.491, 47.226
XYZ	50.626, 59.609, 24.167
xyY	0.377, 0.444, 59.609
CIE-LCH	81.625, 49.702, 108.161
CIE-LUV	81.625, 1.306, 62.649
Hunter-Lab	77.207, -18.064, 35.486
Binary	11001100, 11010001, 01110000

#ccd170
```
#ccd170 rgb(204,209,112)
```
#7570d1
```
#7570d1 rgb(117,112,209)
```

Complementary Color

#d1a670
```
#d1a670 rgb(209,166,112)
```
#ccd170
```
#ccd170 rgb(204,209,112)
```
#9cd170
```
#9cd170 rgb(156,209,112)
```

Analogous Color

#a670d1
```
#a670d1 rgb(166,112,209)
```
#ccd170
```
#ccd170 rgb(204,209,112)
```
#709cd1
```
#709cd1 rgb(112,156,209)
```

Split Complementary Color

#d170cc
```
#d170cc rgb(209,112,204)
```
#ccd170
```
#ccd170 rgb(204,209,112)
```
#70ccd1
```
#70ccd1 rgb(112,204,209)
```

Triadic Color

#d17570
```
#d17570 rgb(209,117,112)
```
#ccd170
```
#ccd170 rgb(204,209,112)
```
#70ccd1
```
#70ccd1 rgb(112,204,209)
```
#7570d1
```
#7570d1 rgb(117,112,209)
```

Tetradic Color

#b3b93c
```
#b3b93c rgb(179,185,60)
```
#bec549
```
#bec549 rgb(190,197,73)
```
#c5cb5d
```
#c5cb5d rgb(197,203,93)
```
#ccd170
```
#ccd170 rgb(204,209,112)
```
#d3d783
```
#d3d783 rgb(211,215,131)
```
#dadd97
```
#dadd97 rgb(218,221,151)
```
#e1e4aa
```
#e1e4aa rgb(225,228,170)
```

Monochromatic Color

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

#d1be70
```
#d1be70 rgb(209,190,112)
```
#d1c670
```
#d1c670 rgb(209,198,112)
```
#d1ce70
```
#d1ce70 rgb(209,206,112)
```
#ccd170
```
#ccd170 rgb(204,209,112)
```
#c4d170
```
#c4d170 rgb(196,209,112)
```
#bcd170
```
#bcd170 rgb(188,209,112)
```
#b4d170
```
#b4d170 rgb(180,209,112)
```

Similar Colors

Text with hexadecimal color #ccd170

This text has a font color of #ccd170.

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

#ccd170 background color

This paragraph has a background color of #ccd170.

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

#ccd170 border color

This element has a border color of #ccd170.

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

CSS codes

.text {color:#ccd170;}

.background {background-color:#ccd170;}

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

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

#050502
```
#050502 rgb(5,5,2)
```
#141407
```
#141407 rgb(20,20,7)
```
#22230b
```
#22230b rgb(34,35,11)
```
#303210
```
#303210 rgb(48,50,16)
```
#3f4115
```
#3f4115 rgb(63,65,21)
```
#4d501a
```
#4d501a rgb(77,80,26)
```
#5b5e1e
```
#5b5e1e rgb(91,94,30)
```
#696d23
```
#696d23 rgb(105,109,35)
```
#787c28
```
#787c28 rgb(120,124,40)
```
#868b2d
```
#868b2d rgb(134,139,45)
```
#949a31
```
#949a31 rgb(148,154,49)
```
#a3a936
```
#a3a936 rgb(163,169,54)
```
#b1b83b
```
#b1b83b rgb(177,184,59)
```

Shade Color Variation

#bcc343
```
#bcc343 rgb(188,195,67)
```
#c1c752
```
#c1c752 rgb(193,199,82)
```
#c7cc61
```
#c7cc61 rgb(199,204,97)
```
#ccd170
```
#ccd170 rgb(204,209,112)
```
#d1d67f
```
#d1d67f rgb(209,214,127)
```
#d7db8e
```
#d7db8e rgb(215,219,142)
```
#dcdf9d
```
#dcdf9d rgb(220,223,157)
```
#e1e4ab
```
#e1e4ab rgb(225,228,171)
```
#e6e9ba
```
#e6e9ba rgb(230,233,186)
```
#eceec9
```
#eceec9 rgb(236,238,201)
```
#f1f2d8
```
#f1f2d8 rgb(241,242,216)
```
#f6f7e7
```
#f6f7e7 rgb(246,247,231)
```
#fcfcf6
```
#fcfcf6 rgb(252,252,246)
```

Tint Color Variation

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

#a5a59c
```
#a5a59c rgb(165,165,156)
```
#abad94
```
#abad94 rgb(171,173,148)
```
#b2b48d
```
#b2b48d rgb(178,180,141)
```
#b8bb86
```
#b8bb86 rgb(184,187,134)
```
#bfc27f
```
#bfc27f rgb(191,194,127)
```
#c5ca77
```
#c5ca77 rgb(197,202,119)
```
#ccd170
```
#ccd170 rgb(204,209,112)
```
#d3d869
```
#d3d869 rgb(211,216,105)
```
#d9e061
```
#d9e061 rgb(217,224,97)
```
#e0e75a
```
#e0e75a rgb(224,231,90)
```
#e6ee53
```
#e6ee53 rgb(230,238,83)
```
#edf54c
```
#edf54c rgb(237,245,76)
```
#f3fd44
```
#f3fd44 rgb(243,253,68)
```

Tone Color Variation

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

#e1cd75 Protanopia 1% of men
#f8c47c Deuteranopia 1% of men
#dac8d6 Tritanopia 0.001% of the population

Trichromacy

#d9ce73 Protanomaly 1% of men, 0.01% of women
#e8c977 Deuteranomaly 6% of men, 0.4% of women
#d5cbb1 Tritanomaly 0.01% of the population

#ccd170 hex color

#ccd170 Color Information

#ccd170 Color Conversion

Color Schemes with #ccd170

Alternatives to #ccd170

#ccd170 Preview

Shades and Tints of #ccd170

Tones of #ccd170

Color Blindness Simulator