#ccbd8e hex color

In a RGB color space, hex #ccbd8e is composed of 80% red, 74.1% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 30.4% yellow and 20% black. It has a hue angle of 45.5 degrees, a saturation of 37.8% and a lightness of 67.8%. #ccbd8e color hex could be obtained by blending #ffffff with #997b1d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 74
- B 56
RGB color chart
- C 0
- M 7
- Y 30
- K 20
CMYK color chart

● #ccbd8e color description : Slightly desaturated yellow.

The hexadecimal color #ccbd8e has RGB values of R:204, G:189, B:142 and CMYK values of C:0, M:0.07, Y:0.3, K:0.2. Its decimal value is 13417870.

Hex triplet	ccbd8e	`#ccbd8e`
RGB Decimal	204, 189, 142	`rgb(204,189,142)`
RGB Percent	80, 74.1, 55.7	`rgb(80%,74.1%,55.7%)`
CMYK	0, 7, 30, 20
HSL	45.5°, 37.8, 67.8	`hsl(45.5,37.8%,67.8%)`
HSV (or HSB)	45.5°, 30.4, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	76.792, -1.844, 25.722
XYZ	47.981, 51.186, 32.942
xyY	0.363, 0.387, 51.186
CIE-LCH	76.792, 25.788, 94.101
CIE-LUV	76.792, 11.985, 35.294
Hunter-Lab	71.545, -5.492, 22.782
Binary	11001100, 10111101, 10001110

#ccbd8e
```
#ccbd8e rgb(204,189,142)
```
#8e9dcc
```
#8e9dcc rgb(142,157,204)
```

Complementary Color

#cc9e8e
```
#cc9e8e rgb(204,158,142)
```
#ccbd8e
```
#ccbd8e rgb(204,189,142)
```
#bccc8e
```
#bccc8e rgb(188,204,142)
```

Analogous Color

#9e8ecc
```
#9e8ecc rgb(158,142,204)
```
#ccbd8e
```
#ccbd8e rgb(204,189,142)
```
#8ebccc
```
#8ebccc rgb(142,188,204)
```

Split Complementary Color

#bd8ecc
```
#bd8ecc rgb(189,142,204)
```
#ccbd8e
```
#ccbd8e rgb(204,189,142)
```
#8eccbd
```
#8eccbd rgb(142,204,189)
```

Triadic Color

#cc8e9d
```
#cc8e9d rgb(204,142,157)
```
#ccbd8e
```
#ccbd8e rgb(204,189,142)
```
#8eccbd
```
#8eccbd rgb(142,204,189)
```
#8e9dcc
```
#8e9dcc rgb(142,157,204)
```

Tetradic Color

#b49e59
```
#b49e59 rgb(180,158,89)
```
#bca86b
```
#bca86b rgb(188,168,107)
```
#c4b37c
```
#c4b37c rgb(196,179,124)
```
#ccbd8e
```
#ccbd8e rgb(204,189,142)
```
#d4c7a0
```
#d4c7a0 rgb(212,199,160)
```
#dcd2b1
```
#dcd2b1 rgb(220,210,177)
```
#e4dcc3
```
#e4dcc3 rgb(228,220,195)
```

Monochromatic Color

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

#ccae8e
```
#ccae8e rgb(204,174,142)
```
#ccb38e
```
#ccb38e rgb(204,179,142)
```
#ccb88e
```
#ccb88e rgb(204,184,142)
```
#ccbd8e
```
#ccbd8e rgb(204,189,142)
```
#ccc28e
```
#ccc28e rgb(204,194,142)
```
#ccc78e
```
#ccc78e rgb(204,199,142)
```
#cccc8e
```
#cccc8e rgb(204,204,142)
```

Similar Colors

Text with hexadecimal color #ccbd8e

This text has a font color of #ccbd8e.

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

#ccbd8e background color

This paragraph has a background color of #ccbd8e.

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

#ccbd8e border color

This element has a border color of #ccbd8e.

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

CSS codes

.text {color:#ccbd8e;}

.background {background-color:#ccbd8e;}

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

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

#090704
```
#090704 rgb(9,7,4)
```
#16130a
```
#16130a rgb(22,19,10)
```
#241f10
```
#241f10 rgb(36,31,16)
```
#312b16
```
#312b16 rgb(49,43,22)
```
#3f361c
```
#3f361c rgb(63,54,28)
```
#4c4222
```
#4c4222 rgb(76,66,34)
```
#5a4e28
```
#5a4e28 rgb(90,78,40)
```
#675a2f
```
#675a2f rgb(103,90,47)
```
#756535
```
#756535 rgb(117,101,53)
```
#82713b
```
#82713b rgb(130,113,59)
```
#907d41
```
#907d41 rgb(144,125,65)
```
#9d8847
```
#9d8847 rgb(157,136,71)
```
#ab944d
```
#ab944d rgb(171,148,77)
```

Shade Color Variation

#b49d58
```
#b49d58 rgb(180,157,88)
```
#baa565
```
#baa565 rgb(186,165,101)
```
#c0ad73
```
#c0ad73 rgb(192,173,115)
```
#c6b580
```
#c6b580 rgb(198,181,128)
```
#ccbd8e
```
#ccbd8e rgb(204,189,142)
```
#d2c59c
```
#d2c59c rgb(210,197,156)
```
#d8cda9
```
#d8cda9 rgb(216,205,169)
```
#ded5b7
```
#ded5b7 rgb(222,213,183)
```
#e4ddc4
```
#e4ddc4 rgb(228,221,196)
```
#eae4d2
```
#eae4d2 rgb(234,228,210)
```
#f1ecdf
```
#f1ecdf rgb(241,236,223)
```
#f7f4ed
```
#f7f4ed rgb(247,244,237)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#b3b0a7
```
#b3b0a7 rgb(179,176,167)
```
#b9b3a1
```
#b9b3a1 rgb(185,179,161)
```
#bfb69b
```
#bfb69b rgb(191,182,155)
```
#c6ba94
```
#c6ba94 rgb(198,186,148)
```
#ccbd8e
```
#ccbd8e rgb(204,189,142)
```
#d2c088
```
#d2c088 rgb(210,192,136)
```
#d9c481
```
#d9c481 rgb(217,196,129)
```
#dfc77b
```
#dfc77b rgb(223,199,123)
```
#e5ca75
```
#e5ca75 rgb(229,202,117)
```
#eccd6e
```
#eccd6e rgb(236,205,110)
```
#f2d168
```
#f2d168 rgb(242,209,104)
```
#f8d462
```
#f8d462 rgb(248,212,98)
```
#fed75c
```
#fed75c rgb(254,215,92)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bfbcb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec093 Protanopia 1% of men
#e1b995 Deuteranopia 1% of men
#d5b9c6 Tritanopia 0.001% of the population

Trichromacy

#cdbf91 Protanomaly 1% of men, 0.01% of women
#d9ba93 Deuteranomaly 6% of men, 0.4% of women
#d2bab2 Tritanomaly 0.01% of the population

#ccbd8e hex color

#ccbd8e Color Information

#ccbd8e Color Conversion

Color Schemes with #ccbd8e

Alternatives to #ccbd8e

#ccbd8e Preview

Shades and Tints of #ccbd8e

Tones of #ccbd8e

Color Blindness Simulator