#ccd3a8 hex color

In a RGB color space, hex #ccd3a8 is composed of 80% red, 82.7% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 20.4% yellow and 17.3% black. It has a hue angle of 69.8 degrees, a saturation of 32.8% and a lightness of 74.3%. #ccd3a8 color hex could be obtained by blending #ffffff with #99a751. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 83
- B 66
RGB color chart
- C 3
- M 0
- Y 20
- K 17
CMYK color chart

● #ccd3a8 color description : Grayish yellow.

The hexadecimal color #ccd3a8 has RGB values of R:204, G:211, B:168 and CMYK values of C:0.03, M:0, Y:0.2, K:0.17. Its decimal value is 13423528.

Hex triplet	ccd3a8	`#ccd3a8`
RGB Decimal	204, 211, 168	`rgb(204,211,168)`
RGB Percent	80, 82.7, 65.9	`rgb(80%,82.7%,65.9%)`
CMYK	3, 0, 20, 17
HSL	69.8°, 32.8, 74.3	`hsl(69.8,32.8%,74.3%)`
HSV (or HSB)	69.8°, 20.4, 82.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	83.048, -9.612, 20.54
XYZ	55.263, 62.253, 46.148
xyY	0.338, 0.38, 62.253
CIE-LCH	83.048, 22.678, 115.077
CIE-LUV	83.048, -1.929, 30.858
Hunter-Lab	78.901, -13.053, 20.552
Binary	11001100, 11010011, 10101000

#ccd3a8
```
#ccd3a8 rgb(204,211,168)
```
#afa8d3
```
#afa8d3 rgb(175,168,211)
```

Complementary Color

#d3c5a8
```
#d3c5a8 rgb(211,197,168)
```
#ccd3a8
```
#ccd3a8 rgb(204,211,168)
```
#b7d3a8
```
#b7d3a8 rgb(183,211,168)
```

Analogous Color

#c5a8d3
```
#c5a8d3 rgb(197,168,211)
```
#ccd3a8
```
#ccd3a8 rgb(204,211,168)
```
#a8b7d3
```
#a8b7d3 rgb(168,183,211)
```

Split Complementary Color

#d3a8cc
```
#d3a8cc rgb(211,168,204)
```
#ccd3a8
```
#ccd3a8 rgb(204,211,168)
```
#a8ccd3
```
#a8ccd3 rgb(168,204,211)
```

Triadic Color

#d3afa8
```
#d3afa8 rgb(211,175,168)
```
#ccd3a8
```
#ccd3a8 rgb(204,211,168)
```
#a8ccd3
```
#a8ccd3 rgb(168,204,211)
```
#afa8d3
```
#afa8d3 rgb(175,168,211)
```

Tetradic Color

#aeb975
```
#aeb975 rgb(174,185,117)
```
#b8c286
```
#b8c286 rgb(184,194,134)
```
#c2ca97
```
#c2ca97 rgb(194,202,151)
```
#ccd3a8
```
#ccd3a8 rgb(204,211,168)
```
#d6dcb9
```
#d6dcb9 rgb(214,220,185)
```
#e0e4ca
```
#e0e4ca rgb(224,228,202)
```
#eaeddb
```
#eaeddb rgb(234,237,219)
```

Monochromatic Color

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

#d3cfa8
```
#d3cfa8 rgb(211,207,168)
```
#d3d3a8
```
#d3d3a8 rgb(211,211,168)
```
#d0d3a8
```
#d0d3a8 rgb(208,211,168)
```
#ccd3a8
```
#ccd3a8 rgb(204,211,168)
```
#c8d3a8
```
#c8d3a8 rgb(200,211,168)
```
#c5d3a8
```
#c5d3a8 rgb(197,211,168)
```
#c1d3a8
```
#c1d3a8 rgb(193,211,168)
```

Similar Colors

Text with hexadecimal color #ccd3a8

This text has a font color of #ccd3a8.

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

#ccd3a8 background color

This paragraph has a background color of #ccd3a8.

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

#ccd3a8 border color

This element has a border color of #ccd3a8.

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

CSS codes

.text {color:#ccd3a8;}

.background {background-color:#ccd3a8;}

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

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

#040402
```
#040402 rgb(4,4,2)
```
#101109
```
#101109 rgb(16,17,9)
```
#1c1e0f
```
#1c1e0f rgb(28,30,15)
```
#282b16
```
#282b16 rgb(40,43,22)
```
#34381c
```
#34381c rgb(52,56,28)
```
#404523
```
#404523 rgb(64,69,35)
```
#4c522a
```
#4c522a rgb(76,82,42)
```
#585f30
```
#585f30 rgb(88,95,48)
```
#646c37
```
#646c37 rgb(100,108,55)
```
#70793d
```
#70793d rgb(112,121,61)
```
#7c8644
```
#7c8644 rgb(124,134,68)
```
#88934b
```
#88934b rgb(136,147,75)
```
#94a151
```
#94a151 rgb(148,161,81)
```

Shade Color Variation

#9eab5a
```
#9eab5a rgb(158,171,90)
```
#a6b267
```
#a6b267 rgb(166,178,103)
```
#adb974
```
#adb974 rgb(173,185,116)
```
#b5bf81
```
#b5bf81 rgb(181,191,129)
```
#bdc68e
```
#bdc68e rgb(189,198,142)
```
#c4cc9b
```
#c4cc9b rgb(196,204,155)
```
#ccd3a8
```
#ccd3a8 rgb(204,211,168)
```
#d4dab5
```
#d4dab5 rgb(212,218,181)
```
#dbe0c2
```
#dbe0c2 rgb(219,224,194)
```
#e3e7cf
```
#e3e7cf rgb(227,231,207)
```
#ebeddc
```
#ebeddc rgb(235,237,220)
```
#f2f4e9
```
#f2f4e9 rgb(242,244,233)
```
#fafbf6
```
#fafbf6 rgb(250,251,246)
```

Tint Color Variation

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

#bebfbc
```
#bebfbc rgb(190,191,188)
```
#c2c4b7
```
#c2c4b7 rgb(194,196,183)
```
#c5c9b2
```
#c5c9b2 rgb(197,201,178)
```
#c9cead
```
#c9cead rgb(201,206,173)
```
#ccd3a8
```
#ccd3a8 rgb(204,211,168)
```
#cfd8a3
```
#cfd8a3 rgb(207,216,163)
```
#d3dd9e
```
#d3dd9e rgb(211,221,158)
```
#d6e299
```
#d6e299 rgb(214,226,153)
```
#dae794
```
#dae794 rgb(218,231,148)
```
#ddec8f
```
#ddec8f rgb(221,236,143)
```
#e0f18a
```
#e0f18a rgb(224,241,138)
```
#e4f685
```
#e4f685 rgb(228,246,133)
```
#e7fb80
```
#e7fb80 rgb(231,251,128)
```

Tone Color Variation

Below, you can see how #ccd3a8 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
#cccdc5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd0aa Protanopia 1% of men
#f0c9b0 Deuteranopia 1% of men
#d6cedd Tritanopia 0.001% of the population

Trichromacy

#d7d1a9 Protanomaly 1% of men, 0.01% of women
#e3cdad Deuteranomaly 6% of men, 0.4% of women
#d2d0c9 Tritanomaly 0.01% of the population

#ccd3a8 hex color

#ccd3a8 Color Information

#ccd3a8 Color Conversion

Color Schemes with #ccd3a8

Alternatives to #ccd3a8

#ccd3a8 Preview

Shades and Tints of #ccd3a8

Tones of #ccd3a8

Color Blindness Simulator