#ccbd7e hex color

In a RGB color space, hex #ccbd7e is composed of 80% red, 74.1% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 38.2% yellow and 20% black. It has a hue angle of 48.5 degrees, a saturation of 43.3% and a lightness of 64.7%. #ccbd7e color hex could be obtained by blending #fffffc with #997b00. Closest websafe color is: #cccc66.

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

● #ccbd7e color description : Slightly desaturated yellow.

The hexadecimal color #ccbd7e has RGB values of R:204, G:189, B:126 and CMYK values of C:0, M:0.07, Y:0.38, K:0.2. Its decimal value is 13417854.

Hex triplet	ccbd7e	`#ccbd7e`
RGB Decimal	204, 189, 126	`rgb(204,189,126)`
RGB Percent	80, 74.1, 49.4	`rgb(80%,74.1%,49.4%)`
CMYK	0, 7, 38, 20
HSL	48.5°, 43.3, 64.7	`hsl(48.5,43.3%,64.7%)`
HSV (or HSB)	48.5°, 38.2, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	76.521, -3.789, 33.772
XYZ	46.865, 50.74, 27.063
xyY	0.376, 0.407, 50.74
CIE-LCH	76.521, 33.984, 96.402
CIE-LUV	76.521, 12.923, 45.017
Hunter-Lab	71.232, -7.217, 27.337
Binary	11001100, 10111101, 01111110

#ccbd7e
```
#ccbd7e rgb(204,189,126)
```
#7e8dcc
```
#7e8dcc rgb(126,141,204)
```

Complementary Color

#cc967e
```
#cc967e rgb(204,150,126)
```
#ccbd7e
```
#ccbd7e rgb(204,189,126)
```
#b4cc7e
```
#b4cc7e rgb(180,204,126)
```

Analogous Color

#967ecc
```
#967ecc rgb(150,126,204)
```
#ccbd7e
```
#ccbd7e rgb(204,189,126)
```
#7eb4cc
```
#7eb4cc rgb(126,180,204)
```

Split Complementary Color

#bd7ecc
```
#bd7ecc rgb(189,126,204)
```
#ccbd7e
```
#ccbd7e rgb(204,189,126)
```
#7eccbd
```
#7eccbd rgb(126,204,189)
```

Triadic Color

#cc7e8d
```
#cc7e8d rgb(204,126,141)
```
#ccbd7e
```
#ccbd7e rgb(204,189,126)
```
#7eccbd
```
#7eccbd rgb(126,204,189)
```
#7e8dcc
```
#7e8dcc rgb(126,141,204)
```

Tetradic Color

#b6a148
```
#b6a148 rgb(182,161,72)
```
#beaa59
```
#beaa59 rgb(190,170,89)
```
#c5b46c
```
#c5b46c rgb(197,180,108)
```
#ccbd7e
```
#ccbd7e rgb(204,189,126)
```
#d3c690
```
#d3c690 rgb(211,198,144)
```
#dad0a3
```
#dad0a3 rgb(218,208,163)
```
#e2d9b5
```
#e2d9b5 rgb(226,217,181)
```

Monochromatic Color

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

#ccaa7e
```
#ccaa7e rgb(204,170,126)
```
#ccb07e
```
#ccb07e rgb(204,176,126)
```
#ccb77e
```
#ccb77e rgb(204,183,126)
```
#ccbd7e
```
#ccbd7e rgb(204,189,126)
```
#ccc47e
```
#ccc47e rgb(204,196,126)
```
#ccca7e
```
#ccca7e rgb(204,202,126)
```
#c8cc7e
```
#c8cc7e rgb(200,204,126)
```

Similar Colors

Text with hexadecimal color #ccbd7e

This text has a font color of #ccbd7e.

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

#ccbd7e background color

This paragraph has a background color of #ccbd7e.

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

#ccbd7e border color

This element has a border color of #ccbd7e.

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

CSS codes

.text {color:#ccbd7e;}

.background {background-color:#ccbd7e;}

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

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

#0c0a05
```
#0c0a05 rgb(12,10,5)
```
#1a170a
```
#1a170a rgb(26,23,10)
```
#282310
```
#282310 rgb(40,35,16)
```
#363015
```
#363015 rgb(54,48,21)
```
#443c1b
```
#443c1b rgb(68,60,27)
```
#524820
```
#524820 rgb(82,72,32)
```
#605526
```
#605526 rgb(96,85,38)
```
#6e612b
```
#6e612b rgb(110,97,43)
```
#7c6e31
```
#7c6e31 rgb(124,110,49)
```
#8a7a37
```
#8a7a37 rgb(138,122,55)
```
#98863c
```
#98863c rgb(152,134,60)
```
#a69342
```
#a69342 rgb(166,147,66)
```
#b49f47
```
#b49f47 rgb(180,159,71)
```

Shade Color Variation

#bba754
```
#bba754 rgb(187,167,84)
```
#c1af62
```
#c1af62 rgb(193,175,98)
```
#c6b670
```
#c6b670 rgb(198,182,112)
```
#ccbd7e
```
#ccbd7e rgb(204,189,126)
```
#d2c48c
```
#d2c48c rgb(210,196,140)
```
#d7cb9a
```
#d7cb9a rgb(215,203,154)
```
#ddd3a8
```
#ddd3a8 rgb(221,211,168)
```
#e2dab6
```
#e2dab6 rgb(226,218,182)
```
#e8e1c4
```
#e8e1c4 rgb(232,225,196)
```
#ede8d2
```
#ede8d2 rgb(237,232,210)
```
#f3efe0
```
#f3efe0 rgb(243,239,224)
```
#f8f7ee
```
#f8f7ee rgb(248,247,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#a9a8a1
```
#a9a8a1 rgb(169,168,161)
```
#b0ac9a
```
#b0ac9a rgb(176,172,154)
```
#b7b093
```
#b7b093 rgb(183,176,147)
```
#beb48c
```
#beb48c rgb(190,180,140)
```
#c5b985
```
#c5b985 rgb(197,185,133)
```
#ccbd7e
```
#ccbd7e rgb(204,189,126)
```
#d3c177
```
#d3c177 rgb(211,193,119)
```
#dac670
```
#dac670 rgb(218,198,112)
```
#e1ca69
```
#e1ca69 rgb(225,202,105)
```
#e8ce62
```
#e8ce62 rgb(232,206,98)
```
#efd25b
```
#efd25b rgb(239,210,91)
```
#f6d754
```
#f6d754 rgb(246,215,84)
```
#fcdb4e
```
#fcdb4e rgb(252,219,78)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bebbae Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc084 Protanopia 1% of men
#e4b887 Deuteranopia 1% of men
#d6b8c5 Tritanopia 0.001% of the population

Trichromacy

#cebe82 Protanomaly 1% of men, 0.01% of women
#dbba83 Deuteranomaly 6% of men, 0.4% of women
#d2b9ab Tritanomaly 0.01% of the population

#ccbd7e hex color

#ccbd7e Color Information

#ccbd7e Color Conversion

Color Schemes with #ccbd7e

Alternatives to #ccbd7e

#ccbd7e Preview

Shades and Tints of #ccbd7e

Tones of #ccbd7e

Color Blindness Simulator