#cccbad hex color

In a RGB color space, hex #cccbad is composed of 80% red, 79.6% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.5% magenta, 15.2% yellow and 20% black. It has a hue angle of 58.1 degrees, a saturation of 23.3% and a lightness of 73.9%. #cccbad color hex could be obtained by blending #ffffff with #99975b. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 80
- B 68
RGB color chart
- C 0
- M 0
- Y 15
- K 20
CMYK color chart

● #cccbad color description : Grayish yellow.

The hexadecimal color #cccbad has RGB values of R:204, G:203, B:173 and CMYK values of C:0, M:0, Y:0.15, K:0.2. Its decimal value is 13421485.

Hex triplet	cccbad	`#cccbad`
RGB Decimal	204, 203, 173	`rgb(204,203,173)`
RGB Percent	80, 79.6, 67.8	`rgb(80%,79.6%,67.8%)`
CMYK	0, 0, 15, 20
HSL	58.1°, 23.3, 73.9	`hsl(58.1,23.3%,73.9%)`
HSV (or HSB)	58.1°, 15.2, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	81.053, -4.729, 15.114
XYZ	53.799, 58.567, 48.003
xyY	0.335, 0.365, 58.567
CIE-LCH	81.053, 15.837, 107.374
CIE-LUV	81.053, 2.213, 22.541
Hunter-Lab	76.529, -8.441, 16.38
Binary	11001100, 11001011, 10101101

#cccbad
```
#cccbad rgb(204,203,173)
```
#adaecc
```
#adaecc rgb(173,174,204)
```

Complementary Color

#ccbcad
```
#ccbcad rgb(204,188,173)
```
#cccbad
```
#cccbad rgb(204,203,173)
```
#beccad
```
#beccad rgb(190,204,173)
```

Analogous Color

#bcadcc
```
#bcadcc rgb(188,173,204)
```
#cccbad
```
#cccbad rgb(204,203,173)
```
#adbecc
```
#adbecc rgb(173,190,204)
```

Split Complementary Color

#cbadcc
```
#cbadcc rgb(203,173,204)
```
#cccbad
```
#cccbad rgb(204,203,173)
```
#adcccb
```
#adcccb rgb(173,204,203)
```

Triadic Color

#ccadae
```
#ccadae rgb(204,173,174)
```
#cccbad
```
#cccbad rgb(204,203,173)
```
#adcccb
```
#adcccb rgb(173,204,203)
```
#adaecc
```
#adaecc rgb(173,174,204)
```

Tetradic Color

#afad7e
```
#afad7e rgb(175,173,126)
```
#b8b78e
```
#b8b78e rgb(184,183,142)
```
#c2c19d
```
#c2c19d rgb(194,193,157)
```
#cccbad
```
#cccbad rgb(204,203,173)
```
#d6d5bd
```
#d6d5bd rgb(214,213,189)
```
#e0dfcc
```
#e0dfcc rgb(224,223,204)
```
#e9e9dc
```
#e9e9dc rgb(233,233,220)
```

Monochromatic Color

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

#ccc3ad
```
#ccc3ad rgb(204,195,173)
```
#ccc6ad
```
#ccc6ad rgb(204,198,173)
```
#ccc8ad
```
#ccc8ad rgb(204,200,173)
```
#cccbad
```
#cccbad rgb(204,203,173)
```
#caccad
```
#caccad rgb(202,204,173)
```
#c8ccad
```
#c8ccad rgb(200,204,173)
```
#c5ccad
```
#c5ccad rgb(197,204,173)
```

Similar Colors

Text with hexadecimal color #cccbad

This text has a font color of #cccbad.

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

#cccbad background color

This paragraph has a background color of #cccbad.

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

#cccbad border color

This element has a border color of #cccbad.

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

CSS codes

.text {color:#cccbad;}

.background {background-color:#cccbad;}

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0f0f09
```
#0f0f09 rgb(15,15,9)
```
#1b1b11
```
#1b1b11 rgb(27,27,17)
```
#272618
```
#272618 rgb(39,38,24)
```
#333220
```
#333220 rgb(51,50,32)
```
#3f3e27
```
#3f3e27 rgb(63,62,39)
```
#4b4a2f
```
#4b4a2f rgb(75,74,47)
```
#575636
```
#575636 rgb(87,86,54)
```
#63623e
```
#63623e rgb(99,98,62)
```
#6f6e45
```
#6f6e45 rgb(111,110,69)
```
#7c7a4d
```
#7c7a4d rgb(124,122,77)
```
#888654
```
#888654 rgb(136,134,84)
```
#94925c
```
#94925c rgb(148,146,92)
```

Shade Color Variation

#9f9d64
```
#9f9d64 rgb(159,157,100)
```
#a6a571
```
#a6a571 rgb(166,165,113)
```
#aeac7d
```
#aeac7d rgb(174,172,125)
```
#b5b489
```
#b5b489 rgb(181,180,137)
```
#bdbc95
```
#bdbc95 rgb(189,188,149)
```
#c4c3a1
```
#c4c3a1 rgb(196,195,161)
```
#cccbad
```
#cccbad rgb(204,203,173)
```
#d4d3b9
```
#d4d3b9 rgb(212,211,185)
```
#dbdac5
```
#dbdac5 rgb(219,218,197)
```
#e3e2d1
```
#e3e2d1 rgb(227,226,209)
```
#eaeadd
```
#eaeadd rgb(234,234,221)
```
#f2f1e9
```
#f2f1e9 rgb(242,241,233)
```
#f9f9f6
```
#f9f9f6 rgb(249,249,246)
```

Tint Color Variation

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

#bdbdbc
```
#bdbdbc rgb(189,189,188)
```
#c2c1b7
```
#c2c1b7 rgb(194,193,183)
```
#c7c6b2
```
#c7c6b2 rgb(199,198,178)
```
#cccbad
```
#cccbad rgb(204,203,173)
```
#d1d0a8
```
#d1d0a8 rgb(209,208,168)
```
#d6d5a3
```
#d6d5a3 rgb(214,213,163)
```
#dbd99e
```
#dbd99e rgb(219,217,158)
```
#e0de99
```
#e0de99 rgb(224,222,153)
```
#e6e393
```
#e6e393 rgb(230,227,147)
```
#ebe88e
```
#ebe88e rgb(235,232,142)
```
#f0ec89
```
#f0ec89 rgb(240,236,137)
```
#f5f184
```
#f5f184 rgb(245,241,132)
```
#faf67f
```
#faf67f rgb(250,246,127)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c9c9c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6cbb0 Protanopia 1% of men
#e7c5b3 Deuteranopia 1% of men
#d4c8d6 Tritanopia 0.001% of the population

Trichromacy

#d2cbaf Protanomaly 1% of men, 0.01% of women
#ddc7b1 Deuteranomaly 6% of men, 0.4% of women
#d1c9c7 Tritanomaly 0.01% of the population

#cccbad hex color

#cccbad Color Information

#cccbad Color Conversion

Color Schemes with #cccbad

Alternatives to #cccbad

#cccbad Preview

Shades and Tints of #cccbad

Tones of #cccbad

Color Blindness Simulator