#ccc55a hex color

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

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

● #ccc55a color description : Moderate yellow.

The hexadecimal color #ccc55a has RGB values of R:204, G:197, B:90 and CMYK values of C:0, M:0.03, Y:0.56, K:0.2. Its decimal value is 13419866.

Hex triplet	ccc55a	`#ccc55a`
RGB Decimal	204, 197, 90	`rgb(204,197,90)`
RGB Percent	80, 77.3, 35.3	`rgb(80%,77.3%,35.3%)`
CMYK	0, 3, 56, 20
HSL	56.3°, 52.8, 57.6	`hsl(56.3,52.8%,57.6%)`
HSV (or HSB)	56.3°, 55.9, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.175, -11.342, 53.547
XYZ	46.713, 53.509, 17.54
xyY	0.397, 0.454, 53.509
CIE-LCH	78.175, 54.735, 101.959
CIE-LUV	78.175, 9.474, 66.653
Hunter-Lab	73.15, -14.022, 36.988
Binary	11001100, 11000101, 01011010

#ccc55a
```
#ccc55a rgb(204,197,90)
```
#5a61cc
```
#5a61cc rgb(90,97,204)
```

Complementary Color

#cc8c5a
```
#cc8c5a rgb(204,140,90)
```
#ccc55a
```
#ccc55a rgb(204,197,90)
```
#9acc5a
```
#9acc5a rgb(154,204,90)
```

Analogous Color

#8c5acc
```
#8c5acc rgb(140,90,204)
```
#ccc55a
```
#ccc55a rgb(204,197,90)
```
#5a9acc
```
#5a9acc rgb(90,154,204)
```

Split Complementary Color

#c55acc
```
#c55acc rgb(197,90,204)
```
#ccc55a
```
#ccc55a rgb(204,197,90)
```
#5accc5
```
#5accc5 rgb(90,204,197)
```

Triadic Color

#cc5a61
```
#cc5a61 rgb(204,90,97)
```
#ccc55a
```
#ccc55a rgb(204,197,90)
```
#5accc5
```
#5accc5 rgb(90,204,197)
```
#5a61cc
```
#5a61cc rgb(90,97,204)
```

Tetradic Color

#a69f33
```
#a69f33 rgb(166,159,51)
```
#bab239
```
#bab239 rgb(186,178,57)
```
#c6be47
```
#c6be47 rgb(198,190,71)
```
#ccc55a
```
#ccc55a rgb(204,197,90)
```
#d2cc6d
```
#d2cc6d rgb(210,204,109)
```
#d8d381
```
#d8d381 rgb(216,211,129)
```
#deda94
```
#deda94 rgb(222,218,148)
```

Monochromatic Color

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

#cca95a
```
#cca95a rgb(204,169,90)
```
#ccb25a
```
#ccb25a rgb(204,178,90)
```
#ccbc5a
```
#ccbc5a rgb(204,188,90)
```
#ccc55a
```
#ccc55a rgb(204,197,90)
```
#cacc5a
```
#cacc5a rgb(202,204,90)
```
#c0cc5a
```
#c0cc5a rgb(192,204,90)
```
#b7cc5a
```
#b7cc5a rgb(183,204,90)
```

Similar Colors

Text with hexadecimal color #ccc55a

This text has a font color of #ccc55a.

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

#ccc55a background color

This paragraph has a background color of #ccc55a.

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

#ccc55a border color

This element has a border color of #ccc55a.

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

CSS codes

.text {color:#ccc55a;}

.background {background-color:#ccc55a;}

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

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

#0f0e05
```
#0f0e05 rgb(15,14,5)
```
#1e1d09
```
#1e1d09 rgb(30,29,9)
```
#2d2b0e
```
#2d2b0e rgb(45,43,14)
```
#3c3912
```
#3c3912 rgb(60,57,18)
```
#4b4817
```
#4b4817 rgb(75,72,23)
```
#5a561c
```
#5a561c rgb(90,86,28)
```
#696420
```
#696420 rgb(105,100,32)
```
#787325
```
#787325 rgb(120,115,37)
```
#87812a
```
#87812a rgb(135,129,42)
```
#968f2e
```
#968f2e rgb(150,143,46)
```
#a59e33
```
#a59e33 rgb(165,158,51)
```
#b4ac38
```
#b4ac38 rgb(180,172,56)
```
#c3ba3c
```
#c3ba3c rgb(195,186,60)
```

Shade Color Variation

#c7c04b
```
#c7c04b rgb(199,192,75)
```
#ccc55a
```
#ccc55a rgb(204,197,90)
```
#d1ca69
```
#d1ca69 rgb(209,202,105)
```
#d5d078
```
#d5d078 rgb(213,208,120)
```
#dad587
```
#dad587 rgb(218,213,135)
```
#dfda96
```
#dfda96 rgb(223,218,150)
```
#e3dfa5
```
#e3dfa5 rgb(227,223,165)
```
#e8e5b4
```
#e8e5b4 rgb(232,229,180)
```
#eceac3
```
#eceac3 rgb(236,234,195)
```
#f1efd2
```
#f1efd2 rgb(241,239,210)
```
#f6f4e1
```
#f6f4e1 rgb(246,244,225)
```
#fafaf0
```
#fafaf0 rgb(250,250,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#9a998c
```
#9a998c rgb(154,153,140)
```
#a2a184
```
#a2a184 rgb(162,161,132)
```
#aba87b
```
#aba87b rgb(171,168,123)
```
#b3af73
```
#b3af73 rgb(179,175,115)
```
#bbb66b
```
#bbb66b rgb(187,182,107)
```
#c4be62
```
#c4be62 rgb(196,190,98)
```
#ccc55a
```
#ccc55a rgb(204,197,90)
```
#d4cc52
```
#d4cc52 rgb(212,204,82)
```
#ddd449
```
#ddd449 rgb(221,212,73)
```
#e5db41
```
#e5db41 rgb(229,219,65)
```
#ede239
```
#ede239 rgb(237,226,57)
```
#f6e930
```
#f6e930 rgb(246,233,48)
```
#fef128
```
#fef128 rgb(254,241,40)
```

Tone Color Variation

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

#d8c461 Protanopia 1% of men
#efbb66 Deuteranopia 1% of men
#dabcca Tritanopia 0.001% of the population

Trichromacy

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

#ccc55a hex color

#ccc55a Color Information

#ccc55a Color Conversion

Color Schemes with #ccc55a

Alternatives to #ccc55a

#ccc55a Preview

Shades and Tints of #ccc55a

Tones of #ccc55a

Color Blindness Simulator