#ccd2a5 hex color

In a RGB color space, hex #ccd2a5 is composed of 80% red, 82.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 2.9% cyan, 0% magenta, 21.4% yellow and 17.6% black. It has a hue angle of 68 degrees, a saturation of 33.3% and a lightness of 73.5%. #ccd2a5 color hex could be obtained by blending #ffffff with #99a54b. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 82
- B 65
RGB color chart
- C 3
- M 0
- Y 21
- K 18
CMYK color chart

● #ccd2a5 color description : Grayish yellow.

The hexadecimal color #ccd2a5 has RGB values of R:204, G:210, B:165 and CMYK values of C:0.03, M:0, Y:0.21, K:0.18. Its decimal value is 13423269.

Hex triplet	ccd2a5	`#ccd2a5`
RGB Decimal	204, 210, 165	`rgb(204,210,165)`
RGB Percent	80, 82.4, 64.7	`rgb(80%,82.4%,64.7%)`
CMYK	3, 0, 21, 18
HSL	68°, 33.3, 73.5	`hsl(68,33.3%,73.5%)`
HSV (or HSB)	68°, 21.4, 82.4
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.726, -9.545, 21.672
XYZ	54.739, 61.647, 44.611
xyY	0.34, 0.383, 61.647
CIE-LCH	82.726, 23.681, 113.771
CIE-LUV	82.726, -1.252, 32.299
Hunter-Lab	78.516, -12.958, 21.274
Binary	11001100, 11010010, 10100101

#ccd2a5
```
#ccd2a5 rgb(204,210,165)
```
#aba5d2
```
#aba5d2 rgb(171,165,210)
```

Complementary Color

#d2c2a5
```
#d2c2a5 rgb(210,194,165)
```
#ccd2a5
```
#ccd2a5 rgb(204,210,165)
```
#b6d2a5
```
#b6d2a5 rgb(182,210,165)
```

Analogous Color

#c2a5d2
```
#c2a5d2 rgb(194,165,210)
```
#ccd2a5
```
#ccd2a5 rgb(204,210,165)
```
#a5b6d2
```
#a5b6d2 rgb(165,182,210)
```

Split Complementary Color

#d2a5cc
```
#d2a5cc rgb(210,165,204)
```
#ccd2a5
```
#ccd2a5 rgb(204,210,165)
```
#a5ccd2
```
#a5ccd2 rgb(165,204,210)
```

Triadic Color

#d2aba5
```
#d2aba5 rgb(210,171,165)
```
#ccd2a5
```
#ccd2a5 rgb(204,210,165)
```
#a5ccd2
```
#a5ccd2 rgb(165,204,210)
```
#aba5d2
```
#aba5d2 rgb(171,165,210)
```

Tetradic Color

#afb972
```
#afb972 rgb(175,185,114)
```
#b9c183
```
#b9c183 rgb(185,193,131)
```
#c2ca94
```
#c2ca94 rgb(194,202,148)
```
#ccd2a5
```
#ccd2a5 rgb(204,210,165)
```
#d6dbb6
```
#d6dbb6 rgb(214,219,182)
```
#dfe3c7
```
#dfe3c7 rgb(223,227,199)
```
#e9ecd8
```
#e9ecd8 rgb(233,236,216)
```

Monochromatic Color

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

#d2cda5
```
#d2cda5 rgb(210,205,165)
```
#d2d1a5
```
#d2d1a5 rgb(210,209,165)
```
#d0d2a5
```
#d0d2a5 rgb(208,210,165)
```
#ccd2a5
```
#ccd2a5 rgb(204,210,165)
```
#c8d2a5
```
#c8d2a5 rgb(200,210,165)
```
#c5d2a5
```
#c5d2a5 rgb(197,210,165)
```
#c1d2a5
```
#c1d2a5 rgb(193,210,165)
```

Similar Colors

Text with hexadecimal color #ccd2a5

This text has a font color of #ccd2a5.

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

#ccd2a5 background color

This paragraph has a background color of #ccd2a5.

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

#ccd2a5 border color

This element has a border color of #ccd2a5.

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

CSS codes

.text {color:#ccd2a5;}

.background {background-color:#ccd2a5;}

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

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

#010201
```
#010201 rgb(1,2,1)
```
#0e0f07
```
#0e0f07 rgb(14,15,7)
```
#1a1c0e
```
#1a1c0e rgb(26,28,14)
```
#262914
```
#262914 rgb(38,41,20)
```
#32361b
```
#32361b rgb(50,54,27)
```
#3e4321
```
#3e4321 rgb(62,67,33)
```
#4b5028
```
#4b5028 rgb(75,80,40)
```
#575d2f
```
#575d2f rgb(87,93,47)
```
#636a35
```
#636a35 rgb(99,106,53)
```
#6f773c
```
#6f773c rgb(111,119,60)
```
#7b8442
```
#7b8442 rgb(123,132,66)
```
#889149
```
#889149 rgb(136,145,73)
```
#949e4f
```
#949e4f rgb(148,158,79)
```

Shade Color Variation

#a0ab57
```
#a0ab57 rgb(160,171,87)
```
#a7b164
```
#a7b164 rgb(167,177,100)
```
#aeb871
```
#aeb871 rgb(174,184,113)
```
#b6be7e
```
#b6be7e rgb(182,190,126)
```
#bdc58b
```
#bdc58b rgb(189,197,139)
```
#c5cb98
```
#c5cb98 rgb(197,203,152)
```
#ccd2a5
```
#ccd2a5 rgb(204,210,165)
```
#d3d9b2
```
#d3d9b2 rgb(211,217,178)
```
#dbdfbf
```
#dbdfbf rgb(219,223,191)
```
#e2e6cc
```
#e2e6cc rgb(226,230,204)
```
#eaecd9
```
#eaecd9 rgb(234,236,217)
```
#f1f3e6
```
#f1f3e6 rgb(241,243,230)
```
#f8f9f3
```
#f8f9f3 rgb(248,249,243)
```

Tint Color Variation

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

#bdbdba
```
#bdbdba rgb(189,189,186)
```
#c1c2b5
```
#c1c2b5 rgb(193,194,181)
```
#c4c8af
```
#c4c8af rgb(196,200,175)
```
#c8cdaa
```
#c8cdaa rgb(200,205,170)
```
#ccd2a5
```
#ccd2a5 rgb(204,210,165)
```
#d0d7a0
```
#d0d7a0 rgb(208,215,160)
```
#d4dc9b
```
#d4dc9b rgb(212,220,155)
```
#d7e295
```
#d7e295 rgb(215,226,149)
```
#dbe790
```
#dbe790 rgb(219,231,144)
```
#dfec8b
```
#dfec8b rgb(223,236,139)
```
#e3f186
```
#e3f186 rgb(227,241,134)
```
#e7f681
```
#e7f681 rgb(231,246,129)
```
#eafc7b
```
#eafc7b rgb(234,252,123)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#cbccc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd0a7 Protanopia 1% of men
#f0c8ad Deuteranopia 1% of men
#d6cddb Tritanopia 0.001% of the population

Trichromacy

#d6d0a6 Protanomaly 1% of men, 0.01% of women
#e3ccaa Deuteranomaly 6% of men, 0.4% of women
#d2cfc7 Tritanomaly 0.01% of the population

#ccd2a5 hex color

#ccd2a5 Color Information

#ccd2a5 Color Conversion

Color Schemes with #ccd2a5

Alternatives to #ccd2a5

#ccd2a5 Preview

Shades and Tints of #ccd2a5

Tones of #ccd2a5

Color Blindness Simulator