#ccc77b hex color

In a RGB color space, hex #ccc77b is composed of 80% red, 78% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.5% magenta, 39.7% yellow and 20% black. It has a hue angle of 56.3 degrees, a saturation of 44.3% and a lightness of 64.1%. #ccc77b color hex could be obtained by blending #fffff6 with #998f00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 78
- B 48
RGB color chart
- C 0
- M 2
- Y 40
- K 20
CMYK color chart

● #ccc77b color description : Slightly desaturated yellow.

The hexadecimal color #ccc77b has RGB values of R:204, G:199, B:123 and CMYK values of C:0, M:0.02, Y:0.4, K:0.2. Its decimal value is 13420411.

Hex triplet	ccc77b	`#ccc77b`
RGB Decimal	204, 199, 123	`rgb(204,199,123)`
RGB Percent	80, 78, 48.2	`rgb(80%,78%,48.2%)`
CMYK	0, 2, 40, 20
HSL	56.3°, 44.3, 64.1	`hsl(56.3,44.3%,64.1%)`
HSV (or HSB)	56.3°, 39.7, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.107, -9.301, 38.639
XYZ	48.9, 55.115, 26.8
xyY	0.374, 0.421, 55.115
CIE-LCH	79.107, 39.742, 103.534
CIE-LUV	79.107, 6.949, 51.949
Hunter-Lab	74.239, -12.345, 30.564
Binary	11001100, 11000111, 01111011

#ccc77b
```
#ccc77b rgb(204,199,123)
```
#7b80cc
```
#7b80cc rgb(123,128,204)
```

Complementary Color

#cc9f7b
```
#cc9f7b rgb(204,159,123)
```
#ccc77b
```
#ccc77b rgb(204,199,123)
```
#a9cc7b
```
#a9cc7b rgb(169,204,123)
```

Analogous Color

#9f7bcc
```
#9f7bcc rgb(159,123,204)
```
#ccc77b
```
#ccc77b rgb(204,199,123)
```
#7ba9cc
```
#7ba9cc rgb(123,169,204)
```

Split Complementary Color

#c77bcc
```
#c77bcc rgb(199,123,204)
```
#ccc77b
```
#ccc77b rgb(204,199,123)
```
#7bccc7
```
#7bccc7 rgb(123,204,199)
```

Triadic Color

#cc7b80
```
#cc7b80 rgb(204,123,128)
```
#ccc77b
```
#ccc77b rgb(204,199,123)
```
#7bccc7
```
#7bccc7 rgb(123,204,199)
```
#7b80cc
```
#7b80cc rgb(123,128,204)
```

Tetradic Color

#b5ae46
```
#b5ae46 rgb(181,174,70)
```
#beb756
```
#beb756 rgb(190,183,86)
```
#c5bf69
```
#c5bf69 rgb(197,191,105)
```
#ccc77b
```
#ccc77b rgb(204,199,123)
```
#d3cf8d
```
#d3cf8d rgb(211,207,141)
```
#dad7a0
```
#dad7a0 rgb(218,215,160)
```
#e1deb2
```
#e1deb2 rgb(225,222,178)
```

Monochromatic Color

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

#ccb37b
```
#ccb37b rgb(204,179,123)
```
#ccba7b
```
#ccba7b rgb(204,186,123)
```
#ccc07b
```
#ccc07b rgb(204,192,123)
```
#ccc77b
```
#ccc77b rgb(204,199,123)
```
#cacc7b
```
#cacc7b rgb(202,204,123)
```
#c4cc7b
```
#c4cc7b rgb(196,204,123)
```
#bdcc7b
```
#bdcc7b rgb(189,204,123)
```

Similar Colors

Text with hexadecimal color #ccc77b

This text has a font color of #ccc77b.

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

#ccc77b background color

This paragraph has a background color of #ccc77b.

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

#ccc77b border color

This element has a border color of #ccc77b.

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

CSS codes

.text {color:#ccc77b;}

.background {background-color:#ccc77b;}

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

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

#090904
```
#090904 rgb(9,9,4)
```
#181709
```
#181709 rgb(24,23,9)
```
#26240f
```
#26240f rgb(38,36,15)
```
#343214
```
#343214 rgb(52,50,20)
```
#42401a
```
#42401a rgb(66,64,26)
```
#504d1f
```
#504d1f rgb(80,77,31)
```
#5e5b24
```
#5e5b24 rgb(94,91,36)
```
#6d682a
```
#6d682a rgb(109,104,42)
```
#7b762f
```
#7b762f rgb(123,118,47)
```
#898435
```
#898435 rgb(137,132,53)
```
#97913a
```
#97913a rgb(151,145,58)
```
#a59f40
```
#a59f40 rgb(165,159,64)
```
#b3ac45
```
#b3ac45 rgb(179,172,69)
```

Shade Color Variation

#bcb551
```
#bcb551 rgb(188,181,81)
```
#c1bb5f
```
#c1bb5f rgb(193,187,95)
```
#c7c16d
```
#c7c16d rgb(199,193,109)
```
#ccc77b
```
#ccc77b rgb(204,199,123)
```
#d1cd89
```
#d1cd89 rgb(209,205,137)
```
#d7d397
```
#d7d397 rgb(215,211,151)
```
#dcd9a5
```
#dcd9a5 rgb(220,217,165)
```
#e2dfb4
```
#e2dfb4 rgb(226,223,180)
```
#e7e5c2
```
#e7e5c2 rgb(231,229,194)
```
#edebd0
```
#edebd0 rgb(237,235,208)
```
#f2f1de
```
#f2f1de rgb(242,241,222)
```
#f8f7ec
```
#f8f7ec rgb(248,247,236)
```
#fdfdfa
```
#fdfdfa rgb(253,253,250)
```

Tint Color Variation

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

#a9a89e
```
#a9a89e rgb(169,168,158)
```
#b0ae97
```
#b0ae97 rgb(176,174,151)
```
#b7b490
```
#b7b490 rgb(183,180,144)
```
#bebb89
```
#bebb89 rgb(190,187,137)
```
#c5c182
```
#c5c182 rgb(197,193,130)
```
#ccc77b
```
#ccc77b rgb(204,199,123)
```
#d3cd74
```
#d3cd74 rgb(211,205,116)
```
#dad36d
```
#dad36d rgb(218,211,109)
```
#e1da66
```
#e1da66 rgb(225,218,102)
```
#e8e05f
```
#e8e05f rgb(232,224,95)
```
#efe658
```
#efe658 rgb(239,230,88)
```
#f6ec51
```
#f6ec51 rgb(246,236,81)
```
#fdf24a
```
#fdf24a rgb(253,242,74)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c2c1b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c680 Protanopia 1% of men
#edbe85 Deuteranopia 1% of men
#d8c0ce Tritanopia 0.001% of the population

Trichromacy

#d3c67e Protanomaly 1% of men, 0.01% of women
#e1c181 Deuteranomaly 6% of men, 0.4% of women
#d3c2af Tritanomaly 0.01% of the population

#ccc77b hex color

#ccc77b Color Information

#ccc77b Color Conversion

Color Schemes with #ccc77b

Alternatives to #ccc77b

#ccc77b Preview

Shades and Tints of #ccc77b

Tones of #ccc77b

Color Blindness Simulator