#ccc55d hex color

In a RGB color space, hex #ccc55d is composed of 80% red, 77.3% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.4% magenta, 54.4% yellow and 20% black. It has a hue angle of 56.2 degrees, a saturation of 52.1% and a lightness of 58.2%. #ccc55d color hex could be obtained by blending #ffffba with #998b00. Closest websafe color is: #cccc66.

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

● #ccc55d color description : Moderate yellow.

The hexadecimal color #ccc55d has RGB values of R:204, G:197, B:93 and CMYK values of C:0, M:0.03, Y:0.54, K:0.2. Its decimal value is 13419869.

Hex triplet	ccc55d	`#ccc55d`
RGB Decimal	204, 197, 93	`rgb(204,197,93)`
RGB Percent	80, 77.3, 36.5	`rgb(80%,77.3%,36.5%)`
CMYK	0, 3, 54, 20
HSL	56.2°, 52.1, 58.2	`hsl(56.2,52.1%,58.2%)`
HSV (or HSB)	56.2°, 54.4, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.205, -11.107, 52.199
XYZ	46.844, 53.561, 18.226
xyY	0.395, 0.451, 53.561
CIE-LCH	78.205, 53.368, 102.013
CIE-LUV	78.205, 9.372, 65.424
Hunter-Lab	73.185, -13.822, 36.464
Binary	11001100, 11000101, 01011101

#ccc55d
```
#ccc55d rgb(204,197,93)
```
#5d64cc
```
#5d64cc rgb(93,100,204)
```

Complementary Color

#cc8e5d
```
#cc8e5d rgb(204,142,93)
```
#ccc55d
```
#ccc55d rgb(204,197,93)
```
#9ccc5d
```
#9ccc5d rgb(156,204,93)
```

Analogous Color

#8e5dcc
```
#8e5dcc rgb(142,93,204)
```
#ccc55d
```
#ccc55d rgb(204,197,93)
```
#5d9ccc
```
#5d9ccc rgb(93,156,204)
```

Split Complementary Color

#c55dcc
```
#c55dcc rgb(197,93,204)
```
#ccc55d
```
#ccc55d rgb(204,197,93)
```
#5dccc5
```
#5dccc5 rgb(93,204,197)
```

Triadic Color

#cc5d64
```
#cc5d64 rgb(204,93,100)
```
#ccc55d
```
#ccc55d rgb(204,197,93)
```
#5dccc5
```
#5dccc5 rgb(93,204,197)
```
#5d64cc
```
#5d64cc rgb(93,100,204)
```

Tetradic Color

#a8a035
```
#a8a035 rgb(168,160,53)
```
#bbb33b
```
#bbb33b rgb(187,179,59)
```
#c6be4a
```
#c6be4a rgb(198,190,74)
```
#ccc55d
```
#ccc55d rgb(204,197,93)
```
#d2cc70
```
#d2cc70 rgb(210,204,112)
```
#d8d384
```
#d8d384 rgb(216,211,132)
```
#deda97
```
#deda97 rgb(222,218,151)
```

Monochromatic Color

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

#cca95d
```
#cca95d rgb(204,169,93)
```
#ccb35d
```
#ccb35d rgb(204,179,93)
```
#ccbc5d
```
#ccbc5d rgb(204,188,93)
```
#ccc55d
```
#ccc55d rgb(204,197,93)
```
#cacc5d
```
#cacc5d rgb(202,204,93)
```
#c1cc5d
```
#c1cc5d rgb(193,204,93)
```
#b7cc5d
```
#b7cc5d rgb(183,204,93)
```

Similar Colors

Text with hexadecimal color #ccc55d

This text has a font color of #ccc55d.

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

#ccc55d background color

This paragraph has a background color of #ccc55d.

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

#ccc55d border color

This element has a border color of #ccc55d.

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

CSS codes

.text {color:#ccc55d;}

.background {background-color:#ccc55d;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#111005
```
#111005 rgb(17,16,5)
```
#201f0a
```
#201f0a rgb(32,31,10)
```
#2f2d0f
```
#2f2d0f rgb(47,45,15)
```
#3e3b13
```
#3e3b13 rgb(62,59,19)
```
#4d4918
```
#4d4918 rgb(77,73,24)
```
#5c581d
```
#5c581d rgb(92,88,29)
```
#6b6622
```
#6b6622 rgb(107,102,34)
```
#797426
```
#797426 rgb(121,116,38)
```
#88822b
```
#88822b rgb(136,130,43)
```
#979130
```
#979130 rgb(151,145,48)
```
#a69f34
```
#a69f34 rgb(166,159,52)
```
#b5ad39
```
#b5ad39 rgb(181,173,57)
```

Shade Color Variation

#c3ba3f
```
#c3ba3f rgb(195,186,63)
```
#c7c04e
```
#c7c04e rgb(199,192,78)
```
#ccc55d
```
#ccc55d rgb(204,197,93)
```
#d1ca6c
```
#d1ca6c rgb(209,202,108)
```
#d5d07b
```
#d5d07b rgb(213,208,123)
```
#dad58a
```
#dad58a rgb(218,213,138)
```
#dfda99
```
#dfda99 rgb(223,218,153)
```
#e3e0a8
```
#e3e0a8 rgb(227,224,168)
```
#e8e5b7
```
#e8e5b7 rgb(232,229,183)
```
#edeac5
```
#edeac5 rgb(237,234,197)
```
#f2f0d4
```
#f2f0d4 rgb(242,240,212)
```
#f6f5e3
```
#f6f5e3 rgb(246,245,227)
```
#fbfaf2
```
#fbfaf2 rgb(251,250,242)
```

Tint Color Variation

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

#9b9a8e
```
#9b9a8e rgb(155,154,142)
```
#a3a186
```
#a3a186 rgb(163,161,134)
```
#aba87e
```
#aba87e rgb(171,168,126)
```
#b3b076
```
#b3b076 rgb(179,176,118)
```
#bcb76d
```
#bcb76d rgb(188,183,109)
```
#c4be65
```
#c4be65 rgb(196,190,101)
```
#ccc55d
```
#ccc55d rgb(204,197,93)
```
#d4cc55
```
#d4cc55 rgb(212,204,85)
```
#dcd34d
```
#dcd34d rgb(220,211,77)
```
#e5da44
```
#e5da44 rgb(229,218,68)
```
#ede23c
```
#ede23c rgb(237,226,60)
```
#f5e934
```
#f5e934 rgb(245,233,52)
```
#fdf02c
```
#fdf02c rgb(253,240,44)
```

Tone Color Variation

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

#d8c464 Protanopia 1% of men
#efbb69 Deuteranopia 1% of men
#d9bcca Tritanopia 0.001% of the population

Trichromacy

#d4c461 Protanomaly 1% of men, 0.01% of women
#e2bf65 Deuteranomaly 6% of men, 0.4% of women
#d4bfa2 Tritanomaly 0.01% of the population

#ccc55d hex color

#ccc55d Color Information

#ccc55d Color Conversion

Color Schemes with #ccc55d

Alternatives to #ccc55d

#ccc55d Preview

Shades and Tints of #ccc55d

Tones of #ccc55d

Color Blindness Simulator