#ccd2af hex color

In a RGB color space, hex #ccd2af is composed of 80% red, 82.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 2.9% cyan, 0% magenta, 16.7% yellow and 17.6% black. It has a hue angle of 70.3 degrees, a saturation of 28% and a lightness of 75.5%. #ccd2af color hex could be obtained by blending #ffffff with #99a55f. Closest websafe color is: #cccc99.

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

● #ccd2af color description : Grayish yellow.

The hexadecimal color #ccd2af has RGB values of R:204, G:210, B:175 and CMYK values of C:0.03, M:0, Y:0.17, K:0.18. Its decimal value is 13423279.

Hex triplet	ccd2af	`#ccd2af`
RGB Decimal	204, 210, 175	`rgb(204,210,175)`
RGB Percent	80, 82.4, 68.6	`rgb(80%,82.4%,68.6%)`
CMYK	3, 0, 17, 18
HSL	70.3°, 28, 75.5	`hsl(70.3,28%,75.5%)`
HSV (or HSB)	70.3°, 16.7, 82.4
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.927, -8.031, 16.683
XYZ	55.685, 62.026, 49.594
xyY	0.333, 0.371, 62.026
CIE-LCH	82.927, 18.515, 115.707
CIE-LUV	82.927, -1.691, 25.401
Hunter-Lab	78.756, -11.615, 17.794
Binary	11001100, 11010010, 10101111

#ccd2af
```
#ccd2af rgb(204,210,175)
```
#b5afd2
```
#b5afd2 rgb(181,175,210)
```

Complementary Color

#d2c7af
```
#d2c7af rgb(210,199,175)
```
#ccd2af
```
#ccd2af rgb(204,210,175)
```
#bbd2af
```
#bbd2af rgb(187,210,175)
```

Analogous Color

#c7afd2
```
#c7afd2 rgb(199,175,210)
```
#ccd2af
```
#ccd2af rgb(204,210,175)
```
#afbbd2
```
#afbbd2 rgb(175,187,210)
```

Split Complementary Color

#d2afcc
```
#d2afcc rgb(210,175,204)
```
#ccd2af
```
#ccd2af rgb(204,210,175)
```
#afccd2
```
#afccd2 rgb(175,204,210)
```

Triadic Color

#d2b5af
```
#d2b5af rgb(210,181,175)
```
#ccd2af
```
#ccd2af rgb(204,210,175)
```
#afccd2
```
#afccd2 rgb(175,204,210)
```
#b5afd2
```
#b5afd2 rgb(181,175,210)
```

Tetradic Color

#adb67e
```
#adb67e rgb(173,182,126)
```
#b7c08e
```
#b7c08e rgb(183,192,142)
```
#c2c99f
```
#c2c99f rgb(194,201,159)
```
#ccd2af
```
#ccd2af rgb(204,210,175)
```
#d6dbbf
```
#d6dbbf rgb(214,219,191)
```
#e1e4d0
```
#e1e4d0 rgb(225,228,208)
```
#ebeee0
```
#ebeee0 rgb(235,238,224)
```

Monochromatic Color

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

#d2cfaf
```
#d2cfaf rgb(210,207,175)
```
#d2d2af
```
#d2d2af rgb(210,210,175)
```
#cfd2af
```
#cfd2af rgb(207,210,175)
```
#ccd2af
```
#ccd2af rgb(204,210,175)
```
#c9d2af
```
#c9d2af rgb(201,210,175)
```
#c6d2af
```
#c6d2af rgb(198,210,175)
```
#c3d2af
```
#c3d2af rgb(195,210,175)
```

Similar Colors

Text with hexadecimal color #ccd2af

This text has a font color of #ccd2af.

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

#ccd2af background color

This paragraph has a background color of #ccd2af.

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

#ccd2af border color

This element has a border color of #ccd2af.

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

CSS codes

.text {color:#ccd2af;}

.background {background-color:#ccd2af;}

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

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

#070804
```
#070804 rgb(7,8,4)
```
#13140b
```
#13140b rgb(19,20,11)
```
#1f2113
```
#1f2113 rgb(31,33,19)
```
#2a2e1a
```
#2a2e1a rgb(42,46,26)
```
#363a21
```
#363a21 rgb(54,58,33)
```
#414728
```
#414728 rgb(65,71,40)
```
#4d532f
```
#4d532f rgb(77,83,47)
```
#596036
```
#596036 rgb(89,96,54)
```
#646c3d
```
#646c3d rgb(100,108,61)
```
#707944
```
#707944 rgb(112,121,68)
```
#7b854b
```
#7b854b rgb(123,133,75)
```
#879252
```
#879252 rgb(135,146,82)
```
#939f59
```
#939f59 rgb(147,159,89)
```

Shade Color Variation

#9ca864
```
#9ca864 rgb(156,168,100)
```
#a4af70
```
#a4af70 rgb(164,175,112)
```
#acb67d
```
#acb67d rgb(172,182,125)
```
#b4bd89
```
#b4bd89 rgb(180,189,137)
```
#bcc496
```
#bcc496 rgb(188,196,150)
```
#c4cba2
```
#c4cba2 rgb(196,203,162)
```
#ccd2af
```
#ccd2af rgb(204,210,175)
```
#d4d9bc
```
#d4d9bc rgb(212,217,188)
```
#dce0c8
```
#dce0c8 rgb(220,224,200)
```
#e4e7d5
```
#e4e7d5 rgb(228,231,213)
```
#eceee1
```
#eceee1 rgb(236,238,225)
```
#f4f5ee
```
#f4f5ee rgb(244,245,238)
```
#fcfcfa
```
#fcfcfa rgb(252,252,250)
```

Tint Color Variation

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

#c3c4bd
```
#c3c4bd rgb(195,196,189)
```
#c6c8b9
```
#c6c8b9 rgb(198,200,185)
```
#c9cdb4
```
#c9cdb4 rgb(201,205,180)
```
#ccd2af
```
#ccd2af rgb(204,210,175)
```
#cfd7aa
```
#cfd7aa rgb(207,215,170)
```
#d2dca5
```
#d2dca5 rgb(210,220,165)
```
#d5e0a1
```
#d5e0a1 rgb(213,224,161)
```
#d9e59c
```
#d9e59c rgb(217,229,156)
```
#dcea97
```
#dcea97 rgb(220,234,151)
```
#dfef92
```
#dfef92 rgb(223,239,146)
```
#e2f48d
```
#e2f48d rgb(226,244,141)
```
#e5f889
```
#e5f889 rgb(229,248,137)
```
#e8fd84
```
#e8fd84 rgb(232,253,132)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#cccdc6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd0b1 Protanopia 1% of men
#eec9b6 Deuteranopia 1% of men
#d5cedd Tritanopia 0.001% of the population

Trichromacy

#d6d1b0 Protanomaly 1% of men, 0.01% of women
#e1ccb3 Deuteranomaly 6% of men, 0.4% of women
#d2cfcc Tritanomaly 0.01% of the population

#ccd2af hex color

#ccd2af Color Information

#ccd2af Color Conversion

Color Schemes with #ccd2af

Alternatives to #ccd2af

#ccd2af Preview

Shades and Tints of #ccd2af

Tones of #ccd2af

Color Blindness Simulator