#ccca5a hex color

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

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

● #ccca5a color description : Moderate yellow.

The hexadecimal color #ccca5a has RGB values of R:204, G:202, B:90 and CMYK values of C:0, M:0.01, Y:0.56, K:0.2. Its decimal value is 13421146.

Hex triplet	ccca5a	`#ccca5a`
RGB Decimal	204, 202, 90	`rgb(204,202,90)`
RGB Percent	80, 79.2, 35.3	`rgb(80%,79.2%,35.3%)`
CMYK	0, 1, 56, 20
HSL	58.9°, 52.8, 57.6	`hsl(58.9,52.8%,57.6%)`
HSV (or HSB)	58.9°, 55.9, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.51, -13.874, 55.06
XYZ	47.868, 55.817, 17.925
xyY	0.394, 0.459, 55.817
CIE-LCH	79.51, 56.781, 104.143
CIE-LUV	79.51, 6.295, 68.954
Hunter-Lab	74.711, -16.379, 38.073
Binary	11001100, 11001010, 01011010

#ccca5a
```
#ccca5a rgb(204,202,90)
```
#5a5ccc
```
#5a5ccc rgb(90,92,204)
```

Complementary Color

#cc915a
```
#cc915a rgb(204,145,90)
```
#ccca5a
```
#ccca5a rgb(204,202,90)
```
#95cc5a
```
#95cc5a rgb(149,204,90)
```

Analogous Color

#915acc
```
#915acc rgb(145,90,204)
```
#ccca5a
```
#ccca5a rgb(204,202,90)
```
#5a95cc
```
#5a95cc rgb(90,149,204)
```

Split Complementary Color

#ca5acc
```
#ca5acc rgb(202,90,204)
```
#ccca5a
```
#ccca5a rgb(204,202,90)
```
#5accca
```
#5accca rgb(90,204,202)
```

Triadic Color

#cc5a5c
```
#cc5a5c rgb(204,90,92)
```
#ccca5a
```
#ccca5a rgb(204,202,90)
```
#5accca
```
#5accca rgb(90,204,202)
```
#5a5ccc
```
#5a5ccc rgb(90,92,204)
```

Tetradic Color

#a6a433
```
#a6a433 rgb(166,164,51)
```
#bab739
```
#bab739 rgb(186,183,57)
```
#c6c447
```
#c6c447 rgb(198,196,71)
```
#ccca5a
```
#ccca5a rgb(204,202,90)
```
#d2d06d
```
#d2d06d rgb(210,208,109)
```
#d8d781
```
#d8d781 rgb(216,215,129)
```
#dedd94
```
#dedd94 rgb(222,221,148)
```

Monochromatic Color

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

#ccae5a
```
#ccae5a rgb(204,174,90)
```
#ccb75a
```
#ccb75a rgb(204,183,90)
```
#ccc15a
```
#ccc15a rgb(204,193,90)
```
#ccca5a
```
#ccca5a rgb(204,202,90)
```
#c5cc5a
```
#c5cc5a rgb(197,204,90)
```
#bbcc5a
```
#bbcc5a rgb(187,204,90)
```
#b2cc5a
```
#b2cc5a rgb(178,204,90)
```

Similar Colors

Text with hexadecimal color #ccca5a

This text has a font color of #ccca5a.

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

#ccca5a background color

This paragraph has a background color of #ccca5a.

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

#ccca5a border color

This element has a border color of #ccca5a.

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

CSS codes

.text {color:#ccca5a;}

.background {background-color:#ccca5a;}

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

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

#0f0f05
```
#0f0f05 rgb(15,15,5)
```
#1e1d09
```
#1e1d09 rgb(30,29,9)
```
#2d2c0e
```
#2d2c0e rgb(45,44,14)
```
#3c3b12
```
#3c3b12 rgb(60,59,18)
```
#4b4a17
```
#4b4a17 rgb(75,74,23)
```
#5a591c
```
#5a591c rgb(90,89,28)
```
#696720
```
#696720 rgb(105,103,32)
```
#787625
```
#787625 rgb(120,118,37)
```
#87852a
```
#87852a rgb(135,133,42)
```
#96942e
```
#96942e rgb(150,148,46)
```
#a5a333
```
#a5a333 rgb(165,163,51)
```
#b4b138
```
#b4b138 rgb(180,177,56)
```
#c3c03c
```
#c3c03c rgb(195,192,60)
```

Shade Color Variation

#c7c54b
```
#c7c54b rgb(199,197,75)
```
#ccca5a
```
#ccca5a rgb(204,202,90)
```
#d1cf69
```
#d1cf69 rgb(209,207,105)
```
#d5d478
```
#d5d478 rgb(213,212,120)
```
#dad887
```
#dad887 rgb(218,216,135)
```
#dfdd96
```
#dfdd96 rgb(223,221,150)
```
#e3e2a5
```
#e3e2a5 rgb(227,226,165)
```
#e8e7b4
```
#e8e7b4 rgb(232,231,180)
```
#ececc3
```
#ececc3 rgb(236,236,195)
```
#f1f1d2
```
#f1f1d2 rgb(241,241,210)
```
#f6f5e1
```
#f6f5e1 rgb(246,245,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, #9a9a8c is the less saturated color, while #fefa28 is the most saturated one.

#9a9a8c
```
#9a9a8c rgb(154,154,140)
```
#a2a284
```
#a2a284 rgb(162,162,132)
```
#abaa7b
```
#abaa7b rgb(171,170,123)
```
#b3b273
```
#b3b273 rgb(179,178,115)
```
#bbba6b
```
#bbba6b rgb(187,186,107)
```
#c4c262
```
#c4c262 rgb(196,194,98)
```
#ccca5a
```
#ccca5a rgb(204,202,90)
```
#d4d252
```
#d4d252 rgb(212,210,82)
```
#ddda49
```
#ddda49 rgb(221,218,73)
```
#e5e241
```
#e5e241 rgb(229,226,65)
```
#edea39
```
#edea39 rgb(237,234,57)
```
#f6f230
```
#f6f230 rgb(246,242,48)
```
#fefa28
```
#fefa28 rgb(254,250,40)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c1c0aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc861 Protanopia 1% of men
#f4bf67 Deuteranopia 1% of men
#dac1ce Tritanopia 0.001% of the population

Trichromacy

#d6c85e Protanomaly 1% of men, 0.01% of women
#e5c362 Deuteranomaly 6% of men, 0.4% of women
#d5c4a4 Tritanomaly 0.01% of the population

#ccca5a hex color

#ccca5a Color Information

#ccca5a Color Conversion

Color Schemes with #ccca5a

Alternatives to #ccca5a

#ccca5a Preview

Shades and Tints of #ccca5a

Tones of #ccca5a

Color Blindness Simulator