#ccd485 hex color

In a RGB color space, hex #ccd485 is composed of 80% red, 83.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 37.3% yellow and 16.9% black. It has a hue angle of 66.1 degrees, a saturation of 47.9% and a lightness of 67.6%. #ccd485 color hex could be obtained by blending #ffffff with #99a90b. Closest websafe color is: #cccc99.

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

● #ccd485 color description : Slightly desaturated yellow.

The hexadecimal color #ccd485 has RGB values of R:204, G:212, B:133 and CMYK values of C:0.04, M:0, Y:0.37, K:0.17. Its decimal value is 13423749.

Hex triplet	ccd485	`#ccd485`
RGB Decimal	204, 212, 133	`rgb(204,212,133)`
RGB Percent	80, 83.1, 52.2	`rgb(80%,83.1%,52.2%)`
CMYK	4, 0, 37, 17
HSL	66.1°, 47.9, 67.6	`hsl(66.1,47.9%,67.6%)`
HSV (or HSB)	66.1°, 37.3, 83.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.71, -14.765, 38.184
XYZ	52.678, 61.618, 31.307
xyY	0.362, 0.423, 61.618
CIE-LCH	82.71, 40.939, 111.14
CIE-LUV	82.71, -1.153, 53.25
Hunter-Lab	78.497, -17.582, 31.301
Binary	11001100, 11010100, 10000101

#ccd485
```
#ccd485 rgb(204,212,133)
```
#8d85d4
```
#8d85d4 rgb(141,133,212)
```

Complementary Color

#d4b585
```
#d4b585 rgb(212,181,133)
```
#ccd485
```
#ccd485 rgb(204,212,133)
```
#a5d485
```
#a5d485 rgb(165,212,133)
```

Analogous Color

#b585d4
```
#b585d4 rgb(181,133,212)
```
#ccd485
```
#ccd485 rgb(204,212,133)
```
#85a5d4
```
#85a5d4 rgb(133,165,212)
```

Split Complementary Color

#d485cc
```
#d485cc rgb(212,133,204)
```
#ccd485
```
#ccd485 rgb(204,212,133)
```
#85ccd4
```
#85ccd4 rgb(133,204,212)
```

Triadic Color

#d48d85
```
#d48d85 rgb(212,141,133)
```
#ccd485
```
#ccd485 rgb(204,212,133)
```
#85ccd4
```
#85ccd4 rgb(133,204,212)
```
#8d85d4
```
#8d85d4 rgb(141,133,212)
```

Tetradic Color

#b4c04c
```
#b4c04c rgb(180,192,76)
```
#bcc75f
```
#bcc75f rgb(188,199,95)
```
#c4cd72
```
#c4cd72 rgb(196,205,114)
```
#ccd485
```
#ccd485 rgb(204,212,133)
```
#d4db98
```
#d4db98 rgb(212,219,152)
```
#dce1ab
```
#dce1ab rgb(220,225,171)
```
#e4e8be
```
#e4e8be rgb(228,232,190)
```

Monochromatic Color

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

#d4c885
```
#d4c885 rgb(212,200,133)
```
#d4cf85
```
#d4cf85 rgb(212,207,133)
```
#d3d485
```
#d3d485 rgb(211,212,133)
```
#ccd485
```
#ccd485 rgb(204,212,133)
```
#c5d485
```
#c5d485 rgb(197,212,133)
```
#bfd485
```
#bfd485 rgb(191,212,133)
```
#b8d485
```
#b8d485 rgb(184,212,133)
```

Similar Colors

Text with hexadecimal color #ccd485

This text has a font color of #ccd485.

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

#ccd485 background color

This paragraph has a background color of #ccd485.

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

#ccd485 border color

This element has a border color of #ccd485.

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

CSS codes

.text {color:#ccd485;}

.background {background-color:#ccd485;}

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

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

#080903
```
#080903 rgb(8,9,3)
```
#161708
```
#161708 rgb(22,23,8)
```
#23260d
```
#23260d rgb(35,38,13)
```
#313412
```
#313412 rgb(49,52,18)
```
#3e4317
```
#3e4317 rgb(62,67,23)
```
#4c511d
```
#4c511d rgb(76,81,29)
```
#596022
```
#596022 rgb(89,96,34)
```
#676e27
```
#676e27 rgb(103,110,39)
```
#747d2c
```
#747d2c rgb(116,125,44)
```
#828b31
```
#828b31 rgb(130,139,49)
```
#8f9a36
```
#8f9a36 rgb(143,154,54)
```
#9da83b
```
#9da83b rgb(157,168,59)
```
#abb740
```
#abb740 rgb(171,183,64)
```

Shade Color Variation

#b4c04b
```
#b4c04b rgb(180,192,75)
```
#bac559
```
#bac559 rgb(186,197,89)
```
#c0ca68
```
#c0ca68 rgb(192,202,104)
```
#c6cf76
```
#c6cf76 rgb(198,207,118)
```
#ccd485
```
#ccd485 rgb(204,212,133)
```
#d2d994
```
#d2d994 rgb(210,217,148)
```
#d8dea2
```
#d8dea2 rgb(216,222,162)
```
#dee3b1
```
#dee3b1 rgb(222,227,177)
```
#e4e8bf
```
#e4e8bf rgb(228,232,191)
```
#eaeece
```
#eaeece rgb(234,238,206)
```
#f0f3dc
```
#f0f3dc rgb(240,243,220)
```
#f6f8eb
```
#f6f8eb rgb(246,248,235)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#aeaeab
```
#aeaeab rgb(174,174,171)
```
#b3b4a5
```
#b3b4a5 rgb(179,180,165)
```
#b8bb9e
```
#b8bb9e rgb(184,187,158)
```
#bdc198
```
#bdc198 rgb(189,193,152)
```
#c2c792
```
#c2c792 rgb(194,199,146)
```
#c7ce8b
```
#c7ce8b rgb(199,206,139)
```
#ccd485
```
#ccd485 rgb(204,212,133)
```
#d1da7f
```
#d1da7f rgb(209,218,127)
```
#d6e178
```
#d6e178 rgb(214,225,120)
```
#dbe772
```
#dbe772 rgb(219,231,114)
```
#e0ed6c
```
#e0ed6c rgb(224,237,108)
```
#e5f465
```
#e5f465 rgb(229,244,101)
```
#eafa5f
```
#eafa5f rgb(234,250,95)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#cacbbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d089 Protanopia 1% of men
#f7c78f Deuteranopia 1% of men
#d9ccda Tritanopia 0.001% of the population

Trichromacy

#dad187 Protanomaly 1% of men, 0.01% of women
#e7cc8b Deuteranomaly 6% of men, 0.4% of women
#d4cfbb Tritanomaly 0.01% of the population

#ccd485 hex color

#ccd485 Color Information

#ccd485 Color Conversion

Color Schemes with #ccd485

Alternatives to #ccd485

#ccd485 Preview

Shades and Tints of #ccd485

Tones of #ccd485

Color Blindness Simulator