#ccd1a0 hex color

In a RGB color space, hex #ccd1a0 is composed of 80% red, 82% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 23.4% yellow and 18% black. It has a hue angle of 66.1 degrees, a saturation of 34.8% and a lightness of 72.4%. #ccd1a0 color hex could be obtained by blending #ffffff with #99a341. Closest websafe color is: #cccc99.

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

● #ccd1a0 color description : Grayish yellow.

The hexadecimal color #ccd1a0 has RGB values of R:204, G:209, B:160 and CMYK values of C:0.02, M:0, Y:0.23, K:0.18. Its decimal value is 13423008.

Hex triplet	ccd1a0	`#ccd1a0`
RGB Decimal	204, 209, 160	`rgb(204,209,160)`
RGB Percent	80, 82, 62.7	`rgb(80%,82%,62.7%)`
CMYK	2, 0, 23, 18
HSL	66.1°, 34.8, 72.4	`hsl(66.1,34.8%,72.4%)`
HSV (or HSB)	66.1°, 23.4, 82
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.366, -9.758, 23.803
XYZ	54.046, 60.977, 42.178
xyY	0.344, 0.388, 60.977
CIE-LCH	82.366, 25.725, 112.291
CIE-LUV	82.366, -0.484, 35.052
Hunter-Lab	78.087, -13.109, 22.636
Binary	11001100, 11010001, 10100000

#ccd1a0
```
#ccd1a0 rgb(204,209,160)
```
#a5a0d1
```
#a5a0d1 rgb(165,160,209)
```

Complementary Color

#d1bea0
```
#d1bea0 rgb(209,190,160)
```
#ccd1a0
```
#ccd1a0 rgb(204,209,160)
```
#b4d1a0
```
#b4d1a0 rgb(180,209,160)
```

Analogous Color

#bea0d1
```
#bea0d1 rgb(190,160,209)
```
#ccd1a0
```
#ccd1a0 rgb(204,209,160)
```
#a0b4d1
```
#a0b4d1 rgb(160,180,209)
```

Split Complementary Color

#d1a0cc
```
#d1a0cc rgb(209,160,204)
```
#ccd1a0
```
#ccd1a0 rgb(204,209,160)
```
#a0ccd1
```
#a0ccd1 rgb(160,204,209)
```

Triadic Color

#d1a5a0
```
#d1a5a0 rgb(209,165,160)
```
#ccd1a0
```
#ccd1a0 rgb(204,209,160)
```
#a0ccd1
```
#a0ccd1 rgb(160,204,209)
```
#a5a0d1
```
#a5a0d1 rgb(165,160,209)
```

Tetradic Color

#b0b86c
```
#b0b86c rgb(176,184,108)
```
#bac07e
```
#bac07e rgb(186,192,126)
```
#c3c98f
```
#c3c98f rgb(195,201,143)
```
#ccd1a0
```
#ccd1a0 rgb(204,209,160)
```
#d5d9b1
```
#d5d9b1 rgb(213,217,177)
```
#dee2c2
```
#dee2c2 rgb(222,226,194)
```
#e8ead4
```
#e8ead4 rgb(232,234,212)
```

Monochromatic Color

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

#d1caa0
```
#d1caa0 rgb(209,202,160)
```
#d1cea0
```
#d1cea0 rgb(209,206,160)
```
#d0d1a0
```
#d0d1a0 rgb(208,209,160)
```
#ccd1a0
```
#ccd1a0 rgb(204,209,160)
```
#c8d1a0
```
#c8d1a0 rgb(200,209,160)
```
#c4d1a0
```
#c4d1a0 rgb(196,209,160)
```
#c0d1a0
```
#c0d1a0 rgb(192,209,160)
```

Similar Colors

Text with hexadecimal color #ccd1a0

This text has a font color of #ccd1a0.

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

#ccd1a0 background color

This paragraph has a background color of #ccd1a0.

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

#ccd1a0 border color

This element has a border color of #ccd1a0.

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

CSS codes

.text {color:#ccd1a0;}

.background {background-color:#ccd1a0;}

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

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, #0a0b05 is the darkest color, while #fefefd is the lightest one.

#0a0b05
```
#0a0b05 rgb(10,11,5)
```
#17180c
```
#17180c rgb(23,24,12)
```
#232512
```
#232512 rgb(35,37,18)
```
#303218
```
#303218 rgb(48,50,24)
```
#3c401f
```
#3c401f rgb(60,64,31)
```
#494d25
```
#494d25 rgb(73,77,37)
```
#555a2c
```
#555a2c rgb(85,90,44)
```
#626732
```
#626732 rgb(98,103,50)
```
#6e7438
```
#6e7438 rgb(110,116,56)
```
#7b823f
```
#7b823f rgb(123,130,63)
```
#878f45
```
#878f45 rgb(135,143,69)
```
#949c4c
```
#949c4c rgb(148,156,76)
```
#a0a952
```
#a0a952 rgb(160,169,82)
```

Shade Color Variation

#a9b15e
```
#a9b15e rgb(169,177,94)
```
#b0b76b
```
#b0b76b rgb(176,183,107)
```
#b7be78
```
#b7be78 rgb(183,190,120)
```
#bec486
```
#bec486 rgb(190,196,134)
```
#c5cb93
```
#c5cb93 rgb(197,203,147)
```
#ccd1a0
```
#ccd1a0 rgb(204,209,160)
```
#d3d7ad
```
#d3d7ad rgb(211,215,173)
```
#dadeba
```
#dadeba rgb(218,222,186)
```
#e1e4c8
```
#e1e4c8 rgb(225,228,200)
```
#e8ebd5
```
#e8ebd5 rgb(232,235,213)
```
#eff1e2
```
#eff1e2 rgb(239,241,226)
```
#f7f7ef
```
#f7f7ef rgb(247,247,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#bbbbb6
```
#bbbbb6 rgb(187,187,182)
```
#bfc1b0
```
#bfc1b0 rgb(191,193,176)
```
#c3c6ab
```
#c3c6ab rgb(195,198,171)
```
#c8cca5
```
#c8cca5 rgb(200,204,165)
```
#ccd1a0
```
#ccd1a0 rgb(204,209,160)
```
#d0d69b
```
#d0d69b rgb(208,214,155)
```
#d5dc95
```
#d5dc95 rgb(213,220,149)
```
#d9e190
```
#d9e190 rgb(217,225,144)
```
#dde78a
```
#dde78a rgb(221,231,138)
```
#e2ec85
```
#e2ec85 rgb(226,236,133)
```
#e6f27f
```
#e6f27f rgb(230,242,127)
```
#eaf77a
```
#eaf77a rgb(234,247,122)
```
#effc75
```
#effc75 rgb(239,252,117)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#cacbc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dccfa3 Protanopia 1% of men
#f0c7a8 Deuteranopia 1% of men
#d6ccda Tritanopia 0.001% of the population

Trichromacy

#d6cfa1 Protanomaly 1% of men, 0.01% of women
#e3cba5 Deuteranomaly 6% of men, 0.4% of women
#d2cdc5 Tritanomaly 0.01% of the population

#ccd1a0 hex color

#ccd1a0 Color Information

#ccd1a0 Color Conversion

Color Schemes with #ccd1a0

Alternatives to #ccd1a0

#ccd1a0 Preview

Shades and Tints of #ccd1a0

Tones of #ccd1a0

Color Blindness Simulator