colorhexa.com

#ccd585 hex color

In a RGB color space, hex #ccd585 is composed of 80% red, 83.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 4.2% cyan, 0% magenta, 37.6% yellow and 16.5% black. It has a hue angle of 66.8 degrees, a saturation of 48.8% and a lightness of 67.8%. #ccd585 color hex could be obtained by blending #ffffff with #99ab0b. Closest websafe color is: #cccc99.

- R 80
- G 84
- B 52
RGB color chart
- C 4
- M 0
- Y 38
- K 16
CMYK color chart

● #ccd585 color description : Slightly desaturated yellow.

The hexadecimal color #ccd585 has RGB values of R:204, G:213, B:133 and CMYK values of C:0.04, M:0, Y:0.38, K:0.16. Its decimal value is 13424005.

Hex triplet	ccd585	`#ccd585`
RGB Decimal	204, 213, 133	`rgb(204,213,133)`
RGB Percent	80, 83.5, 52.2	`rgb(80%,83.5%,52.2%)`
CMYK	4, 0, 38, 16
HSL	66.8°, 48.8, 67.8	`hsl(66.8,48.8%,67.8%)`
HSV (or HSB)	66.8°, 37.6, 83.5
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.977, -15.265, 38.527
XYZ	52.929, 62.12, 31.391
xyY	0.361, 0.424, 62.12
CIE-LCH	82.977, 41.441, 111.615
CIE-LUV	82.977, -1.732, 53.78
Hunter-Lab	78.816, -18.056, 31.557
Binary	11001100, 11010101, 10000101

#ccd585
```
#ccd585 rgb(204,213,133)
```
#8e85d5
```
#8e85d5 rgb(142,133,213)
```

Complementary Color

#d5b685
```
#d5b685 rgb(213,182,133)
```
#ccd585
```
#ccd585 rgb(204,213,133)
```
#a4d585
```
#a4d585 rgb(164,213,133)
```

Analogous Color

#b685d5
```
#b685d5 rgb(182,133,213)
```
#ccd585
```
#ccd585 rgb(204,213,133)
```
#85a4d5
```
#85a4d5 rgb(133,164,213)
```

Split Complementary Color

#d585cc
```
#d585cc rgb(213,133,204)
```
#ccd585
```
#ccd585 rgb(204,213,133)
```
#85ccd5
```
#85ccd5 rgb(133,204,213)
```

Triadic Color

#d58e85
```
#d58e85 rgb(213,142,133)
```
#ccd585
```
#ccd585 rgb(204,213,133)
```
#85ccd5
```
#85ccd5 rgb(133,204,213)
```
#8e85d5
```
#8e85d5 rgb(142,133,213)
```

Tetradic Color

#b4c14c
```
#b4c14c rgb(180,193,76)
```
#bcc85f
```
#bcc85f rgb(188,200,95)
```
#c4ce72
```
#c4ce72 rgb(196,206,114)
```
#ccd585
```
#ccd585 rgb(204,213,133)
```
#d4dc98
```
#d4dc98 rgb(212,220,152)
```
#dce2ab
```
#dce2ab rgb(220,226,171)
```
#e4e9be
```
#e4e9be rgb(228,233,190)
```

Monochromatic Color

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

#d5ca85
```
#d5ca85 rgb(213,202,133)
```
#d5d185
```
#d5d185 rgb(213,209,133)
```
#d3d585
```
#d3d585 rgb(211,213,133)
```
#ccd585
```
#ccd585 rgb(204,213,133)
```
#c5d585
```
#c5d585 rgb(197,213,133)
```
#bfd585
```
#bfd585 rgb(191,213,133)
```
#b8d585
```
#b8d585 rgb(184,213,133)
```

Similar Colors

Text with hexadecimal color #ccd585

This text has a font color of #ccd585.

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

#ccd585 background color

This paragraph has a background color of #ccd585.

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

#ccd585 border color

This element has a border color of #ccd585.

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

CSS codes

.text {color:#ccd585;}

.background {background-color:#ccd585;}

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

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

#090903
```
#090903 rgb(9,9,3)
```
#161808
```
#161808 rgb(22,24,8)
```
#24270d
```
#24270d rgb(36,39,13)
```
#313512
```
#313512 rgb(49,53,18)
```
#3f4417
```
#3f4417 rgb(63,68,23)
```
#4c521c
```
#4c521c rgb(76,82,28)
```
#5a6121
```
#5a6121 rgb(90,97,33)
```
#676f26
```
#676f26 rgb(103,111,38)
```
#757e2b
```
#757e2b rgb(117,126,43)
```
#828d30
```
#828d30 rgb(130,141,48)
```
#909b35
```
#909b35 rgb(144,155,53)
```
#9daa3a
```
#9daa3a rgb(157,170,58)
```
#abb83f
```
#abb83f rgb(171,184,63)
```

Shade Color Variation

#b4c14b
```
#b4c14b rgb(180,193,75)
```
#bac659
```
#bac659 rgb(186,198,89)
```
#c0cb68
```
#c0cb68 rgb(192,203,104)
```
#c6d076
```
#c6d076 rgb(198,208,118)
```
#ccd585
```
#ccd585 rgb(204,213,133)
```
#d2da94
```
#d2da94 rgb(210,218,148)
```
#d8dfa2
```
#d8dfa2 rgb(216,223,162)
```
#dee4b1
```
#dee4b1 rgb(222,228,177)
```
#e4e9bf
```
#e4e9bf rgb(228,233,191)
```
#eaeece
```
#eaeece rgb(234,238,206)
```
#f1f3dd
```
#f1f3dd rgb(241,243,221)
```
#f7f8eb
```
#f7f8eb rgb(247,248,235)
```
#fdfdfa
```
#fdfdfa rgb(253,253,250)
```

Tint Color Variation

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

#afafab
```
#afafab rgb(175,175,171)
```
#b4b5a5
```
#b4b5a5 rgb(180,181,165)
```
#b8bc9e
```
#b8bc9e rgb(184,188,158)
```
#bdc298
```
#bdc298 rgb(189,194,152)
```
#c2c892
```
#c2c892 rgb(194,200,146)
```
#c7cf8b
```
#c7cf8b rgb(199,207,139)
```
#ccd585
```
#ccd585 rgb(204,213,133)
```
#d1db7f
```
#d1db7f rgb(209,219,127)
```
#d6e278
```
#d6e278 rgb(214,226,120)
```
#dbe872
```
#dbe872 rgb(219,232,114)
```
#e0ee6c
```
#e0ee6c rgb(224,238,108)
```
#e4f565
```
#e4f565 rgb(228,245,101)
```
#e9fb5f
```
#e9fb5f rgb(233,251,95)
```

Tone Color Variation

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

#e3d189 Protanopia 1% of men
#f8c88f Deuteranopia 1% of men
#d9cddb Tritanopia 0.001% of the population

Trichromacy

#dad287 Protanomaly 1% of men, 0.01% of women
#e8cd8b Deuteranomaly 6% of men, 0.4% of women
#d4d0bc Tritanomaly 0.01% of the population