#ccc55b hex color

In a RGB color space, hex #ccc55b is composed of 80% red, 77.3% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.4% magenta, 55.4% yellow and 20% black. It has a hue angle of 56.3 degrees, a saturation of 52.6% and a lightness of 57.8%. #ccc55b color hex could be obtained by blending #ffffb6 with #998b00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 77
- B 36
RGB color chart
- C 0
- M 3
- Y 55
- K 20
CMYK color chart

● #ccc55b color description : Moderate yellow.

The hexadecimal color #ccc55b has RGB values of R:204, G:197, B:91 and CMYK values of C:0, M:0.03, Y:0.55, K:0.2. Its decimal value is 13419867.

Hex triplet	ccc55b	`#ccc55b`
RGB Decimal	204, 197, 91	`rgb(204,197,91)`
RGB Percent	80, 77.3, 35.7	`rgb(80%,77.3%,35.7%)`
CMYK	0, 3, 55, 20
HSL	56.3°, 52.6, 57.8	`hsl(56.3,52.6%,57.8%)`
HSV (or HSB)	56.3°, 55.4, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.185, -11.265, 53.1
XYZ	46.756, 53.526, 17.766
xyY	0.396, 0.453, 53.526
CIE-LCH	78.185, 54.282, 101.977
CIE-LUV	78.185, 9.441, 66.248
Hunter-Lab	73.162, -13.956, 36.816
Binary	11001100, 11000101, 01011011

#ccc55b
```
#ccc55b rgb(204,197,91)
```
#5b62cc
```
#5b62cc rgb(91,98,204)
```

Complementary Color

#cc8d5b
```
#cc8d5b rgb(204,141,91)
```
#ccc55b
```
#ccc55b rgb(204,197,91)
```
#9bcc5b
```
#9bcc5b rgb(155,204,91)
```

Analogous Color

#8d5bcc
```
#8d5bcc rgb(141,91,204)
```
#ccc55b
```
#ccc55b rgb(204,197,91)
```
#5b9bcc
```
#5b9bcc rgb(91,155,204)
```

Split Complementary Color

#c55bcc
```
#c55bcc rgb(197,91,204)
```
#ccc55b
```
#ccc55b rgb(204,197,91)
```
#5bccc5
```
#5bccc5 rgb(91,204,197)
```

Triadic Color

#cc5b62
```
#cc5b62 rgb(204,91,98)
```
#ccc55b
```
#ccc55b rgb(204,197,91)
```
#5bccc5
```
#5bccc5 rgb(91,204,197)
```
#5b62cc
```
#5b62cc rgb(91,98,204)
```

Tetradic Color

#a7a034
```
#a7a034 rgb(167,160,52)
```
#bab23a
```
#bab23a rgb(186,178,58)
```
#c6be48
```
#c6be48 rgb(198,190,72)
```
#ccc55b
```
#ccc55b rgb(204,197,91)
```
#d2cc6e
```
#d2cc6e rgb(210,204,110)
```
#d8d382
```
#d8d382 rgb(216,211,130)
```
#deda95
```
#deda95 rgb(222,218,149)
```

Monochromatic Color

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

#cca95b
```
#cca95b rgb(204,169,91)
```
#ccb25b
```
#ccb25b rgb(204,178,91)
```
#ccbc5b
```
#ccbc5b rgb(204,188,91)
```
#ccc55b
```
#ccc55b rgb(204,197,91)
```
#cacc5b
```
#cacc5b rgb(202,204,91)
```
#c0cc5b
```
#c0cc5b rgb(192,204,91)
```
#b7cc5b
```
#b7cc5b rgb(183,204,91)
```

Similar Colors

Text with hexadecimal color #ccc55b

This text has a font color of #ccc55b.

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

#ccc55b background color

This paragraph has a background color of #ccc55b.

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

#ccc55b border color

This element has a border color of #ccc55b.

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

CSS codes

.text {color:#ccc55b;}

.background {background-color:#ccc55b;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#100f05
```
#100f05 rgb(16,15,5)
```
#1f1d09
```
#1f1d09 rgb(31,29,9)
```
#2d2c0e
```
#2d2c0e rgb(45,44,14)
```
#3c3a13
```
#3c3a13 rgb(60,58,19)
```
#4b4817
```
#4b4817 rgb(75,72,23)
```
#5a571c
```
#5a571c rgb(90,87,28)
```
#696521
```
#696521 rgb(105,101,33)
```
#787325
```
#787325 rgb(120,115,37)
```
#87812a
```
#87812a rgb(135,129,42)
```
#96902f
```
#96902f rgb(150,144,47)
```
#a59e33
```
#a59e33 rgb(165,158,51)
```
#b4ac38
```
#b4ac38 rgb(180,172,56)
```

Shade Color Variation

#c3ba3d
```
#c3ba3d rgb(195,186,61)
```
#c7c04c
```
#c7c04c rgb(199,192,76)
```
#ccc55b
```
#ccc55b rgb(204,197,91)
```
#d1ca6a
```
#d1ca6a rgb(209,202,106)
```
#d5d079
```
#d5d079 rgb(213,208,121)
```
#dad588
```
#dad588 rgb(218,213,136)
```
#dfda97
```
#dfda97 rgb(223,218,151)
```
#e3dfa6
```
#e3dfa6 rgb(227,223,166)
```
#e8e5b5
```
#e8e5b5 rgb(232,229,181)
```
#edeac4
```
#edeac4 rgb(237,234,196)
```
#f1efd3
```
#f1efd3 rgb(241,239,211)
```
#f6f5e2
```
#f6f5e2 rgb(246,245,226)
```
#fbfaf1
```
#fbfaf1 rgb(251,250,241)
```

Tint Color Variation

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

#9a9a8d
```
#9a9a8d rgb(154,154,141)
```
#a3a184
```
#a3a184 rgb(163,161,132)
```
#aba87c
```
#aba87c rgb(171,168,124)
```
#b3af74
```
#b3af74 rgb(179,175,116)
```
#bbb76c
```
#bbb76c rgb(187,183,108)
```
#c4be63
```
#c4be63 rgb(196,190,99)
```
#ccc55b
```
#ccc55b rgb(204,197,91)
```
#d4cc53
```
#d4cc53 rgb(212,204,83)
```
#ddd34a
```
#ddd34a rgb(221,211,74)
```
#e5db42
```
#e5db42 rgb(229,219,66)
```
#ede23a
```
#ede23a rgb(237,226,58)
```
#f5e932
```
#f5e932 rgb(245,233,50)
```
#fef029
```
#fef029 rgb(254,240,41)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bebda8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c462 Protanopia 1% of men
#efbb67 Deuteranopia 1% of men
#d9bcca Tritanopia 0.001% of the population

Trichromacy

#d4c45f Protanomaly 1% of men, 0.01% of women
#e2bf63 Deuteranomaly 6% of men, 0.4% of women
#d4bfa1 Tritanomaly 0.01% of the population

#ccc55b hex color

#ccc55b Color Information

#ccc55b Color Conversion

Color Schemes with #ccc55b

Alternatives to #ccc55b

#ccc55b Preview

Shades and Tints of #ccc55b

Tones of #ccc55b

Color Blindness Simulator