#ccca3a hex color

In a RGB color space, hex #ccca3a is composed of 80% red, 79.2% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1% magenta, 71.6% yellow and 20% black. It has a hue angle of 59.2 degrees, a saturation of 58.9% and a lightness of 51.4%. #ccca3a color hex could be obtained by blending #ffff74 with #999500. Closest websafe color is: #cccc33.

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

● #ccca3a color description : Moderate yellow.

The hexadecimal color #ccca3a has RGB values of R:204, G:202, B:58 and CMYK values of C:0, M:0.01, Y:0.72, K:0.2. Its decimal value is 13421114.

Hex triplet	ccca3a	`#ccca3a`
RGB Decimal	204, 202, 58	`rgb(204,202,58)`
RGB Percent	80, 79.2, 22.7	`rgb(80%,79.2%,22.7%)`
CMYK	0, 1, 72, 20
HSL	59.2°, 58.9, 51.4	`hsl(59.2,58.9%,51.4%)`
HSV (or HSB)	59.2°, 71.6, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	79.262, -15.827, 67.751
XYZ	46.786, 55.385, 12.229
xyY	0.409, 0.484, 55.385
CIE-LCH	79.262, 69.575, 103.148
CIE-LUV	79.262, 7.068, 79.221
Hunter-Lab	74.421, -18.019, 42.352
Binary	11001100, 11001010, 00111010

#ccca3a
```
#ccca3a rgb(204,202,58)
```
#3a3ccc
```
#3a3ccc rgb(58,60,204)
```

Complementary Color

#cc813a
```
#cc813a rgb(204,129,58)
```
#ccca3a
```
#ccca3a rgb(204,202,58)
```
#85cc3a
```
#85cc3a rgb(133,204,58)
```

Analogous Color

#813acc
```
#813acc rgb(129,58,204)
```
#ccca3a
```
#ccca3a rgb(204,202,58)
```
#3a85cc
```
#3a85cc rgb(58,133,204)
```

Split Complementary Color

#ca3acc
```
#ca3acc rgb(202,58,204)
```
#ccca3a
```
#ccca3a rgb(204,202,58)
```
#3accca
```
#3accca rgb(58,204,202)
```

Triadic Color

#cc3a3c
```
#cc3a3c rgb(204,58,60)
```
#ccca3a
```
#ccca3a rgb(204,202,58)
```
#3accca
```
#3accca rgb(58,204,202)
```
#3a3ccc
```
#3a3ccc rgb(58,60,204)
```

Tetradic Color

#939226
```
#939226 rgb(147,146,38)
```
#a8a62b
```
#a8a62b rgb(168,166,43)
```
#bcba31
```
#bcba31 rgb(188,186,49)
```
#ccca3a
```
#ccca3a rgb(204,202,58)
```
#d1cf4e
```
#d1cf4e rgb(209,207,78)
```
#d6d563
```
#d6d563 rgb(214,213,99)
```
#dcda77
```
#dcda77 rgb(220,218,119)
```

Monochromatic Color

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

#cca63a
```
#cca63a rgb(204,166,58)
```
#ccb23a
```
#ccb23a rgb(204,178,58)
```
#ccbe3a
```
#ccbe3a rgb(204,190,58)
```
#ccca3a
```
#ccca3a rgb(204,202,58)
```
#c2cc3a
```
#c2cc3a rgb(194,204,58)
```
#b6cc3a
```
#b6cc3a rgb(182,204,58)
```
#aacc3a
```
#aacc3a rgb(170,204,58)
```

Similar Colors

Text with hexadecimal color #ccca3a

This text has a font color of #ccca3a.

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

#ccca3a background color

This paragraph has a background color of #ccca3a.

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

#ccca3a border color

This element has a border color of #ccca3a.

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

CSS codes

.text {color:#ccca3a;}

.background {background-color:#ccca3a;}

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

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

#060601
```
#060601 rgb(6,6,1)
```
#151505
```
#151505 rgb(21,21,5)
```
#25240a
```
#25240a rgb(37,36,10)
```
#34340e
```
#34340e rgb(52,52,14)
```
#444312
```
#444312 rgb(68,67,18)
```
#535316
```
#535316 rgb(83,83,22)
```
#63621a
```
#63621a rgb(99,98,26)
```
#73711e
```
#73711e rgb(115,113,30)
```
#828122
```
#828122 rgb(130,129,34)
```
#929026
```
#929026 rgb(146,144,38)
```
#a1a02a
```
#a1a02a rgb(161,160,42)
```
#b1af2e
```
#b1af2e rgb(177,175,46)
```
#c1bf32
```
#c1bf32 rgb(193,191,50)
```

Shade Color Variation

#ccca3a
```
#ccca3a rgb(204,202,58)
```
#d0ce4a
```
#d0ce4a rgb(208,206,74)
```
#d4d259
```
#d4d259 rgb(212,210,89)
```
#d8d769
```
#d8d769 rgb(216,215,105)
```
#dcdb78
```
#dcdb78 rgb(220,219,120)
```
#e0df88
```
#e0df88 rgb(224,223,136)
```
#e4e397
```
#e4e397 rgb(228,227,151)
```
#e8e7a7
```
#e8e7a7 rgb(232,231,167)
```
#ececb7
```
#ececb7 rgb(236,236,183)
```
#f0f0c6
```
#f0f0c6 rgb(240,240,198)
```
#f4f4d6
```
#f4f4d6 rgb(244,244,214)
```
#f8f8e5
```
#f8f8e5 rgb(248,248,229)
```
#fcfcf5
```
#fcfcf5 rgb(252,252,245)
```

Tint Color Variation

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

#89897d
```
#89897d rgb(137,137,125)
```
#939273
```
#939273 rgb(147,146,115)
```
#9c9c6a
```
#9c9c6a rgb(156,156,106)
```
#a6a560
```
#a6a560 rgb(166,165,96)
```
#afae57
```
#afae57 rgb(175,174,87)
```
#b9b74d
```
#b9b74d rgb(185,183,77)
```
#c2c144
```
#c2c144 rgb(194,193,68)
```
#ccca3a
```
#ccca3a rgb(204,202,58)
```
#d6d330
```
#d6d330 rgb(214,211,48)
```
#dfdd27
```
#dfdd27 rgb(223,221,39)
```
#e9e61d
```
#e9e61d rgb(233,230,29)
```
#f2ef14
```
#f2ef14 rgb(242,239,20)
```
#fcf80a
```
#fcf80a rgb(252,248,10)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bebda0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec742 Protanopia 1% of men
#f6be4b Deuteranopia 1% of men
#dbbfcd Tritanopia 0.001% of the population

Trichromacy

#d7c83f Protanomaly 1% of men, 0.01% of women
#e7c244 Deuteranomaly 6% of men, 0.4% of women
#d6c397 Tritanomaly 0.01% of the population

#ccca3a hex color

#ccca3a Color Information

#ccca3a Color Conversion

Color Schemes with #ccca3a

Alternatives to #ccca3a

#ccca3a Preview

Shades and Tints of #ccca3a

Tones of #ccca3a

Color Blindness Simulator