#ccac2a hex color

In a RGB color space, hex #ccac2a is composed of 80% red, 67.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.7% magenta, 79.4% yellow and 20% black. It has a hue angle of 48.1 degrees, a saturation of 65.9% and a lightness of 48.2%. #ccac2a color hex could be obtained by blending #ffff54 with #995900. Closest websafe color is: #cc9933.

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

● #ccac2a color description : Strong yellow.

The hexadecimal color #ccac2a has RGB values of R:204, G:172, B:42 and CMYK values of C:0, M:0.16, Y:0.79, K:0.2. Its decimal value is 13413418.

Hex triplet	ccac2a	`#ccac2a`
RGB Decimal	204, 172, 42	`rgb(204,172,42)`
RGB Percent	80, 67.5, 16.5	`rgb(80%,67.5%,16.5%)`
CMYK	0, 16, 79, 20
HSL	48.1°, 65.9, 48.2	`hsl(48.1,65.9%,48.2%)`
HSV (or HSB)	48.1°, 79.4, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.222, -1.035, 65.632
XYZ	40.073, 42.511, 8.285
xyY	0.441, 0.468, 42.511
CIE-LCH	71.222, 65.64, 90.904
CIE-LUV	71.222, 28.056, 70.568
Hunter-Lab	65.201, -4.394, 38.106
Binary	11001100, 10101100, 00101010

#ccac2a
```
#ccac2a rgb(204,172,42)
```
#2a4acc
```
#2a4acc rgb(42,74,204)
```

Complementary Color

#cc5b2a
```
#cc5b2a rgb(204,91,42)
```
#ccac2a
```
#ccac2a rgb(204,172,42)
```
#9bcc2a
```
#9bcc2a rgb(155,204,42)
```

Analogous Color

#5b2acc
```
#5b2acc rgb(91,42,204)
```
#ccac2a
```
#ccac2a rgb(204,172,42)
```
#2a9bcc
```
#2a9bcc rgb(42,155,204)
```

Split Complementary Color

#ac2acc
```
#ac2acc rgb(172,42,204)
```
#ccac2a
```
#ccac2a rgb(204,172,42)
```
#2accac
```
#2accac rgb(42,204,172)
```

Triadic Color

#cc2a4a
```
#cc2a4a rgb(204,42,74)
```
#ccac2a
```
#ccac2a rgb(204,172,42)
```
#2accac
```
#2accac rgb(42,204,172)
```
#2a4acc
```
#2a4acc rgb(42,74,204)
```

Tetradic Color

#8d771d
```
#8d771d rgb(141,119,29)
```
#a28821
```
#a28821 rgb(162,136,33)
```
#b79a26
```
#b79a26 rgb(183,154,38)
```
#ccac2a
```
#ccac2a rgb(204,172,42)
```
#d6b739
```
#d6b739 rgb(214,183,57)
```
#dbbf4e
```
#dbbf4e rgb(219,191,78)
```
#dfc764
```
#dfc764 rgb(223,199,100)
```

Monochromatic Color

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

#cc842a
```
#cc842a rgb(204,132,42)
```
#cc912a
```
#cc912a rgb(204,145,42)
```
#cc9f2a
```
#cc9f2a rgb(204,159,42)
```
#ccac2a
```
#ccac2a rgb(204,172,42)
```
#ccba2a
```
#ccba2a rgb(204,186,42)
```
#ccc72a
```
#ccc72a rgb(204,199,42)
```
#c4cc2a
```
#c4cc2a rgb(196,204,42)
```

Similar Colors

Text with hexadecimal color #ccac2a

This text has a font color of #ccac2a.

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

#ccac2a background color

This paragraph has a background color of #ccac2a.

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

#ccac2a border color

This element has a border color of #ccac2a.

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

CSS codes

.text {color:#ccac2a;}

.background {background-color:#ccac2a;}

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

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

#090702
```
#090702 rgb(9,7,2)
```
#191505
```
#191505 rgb(25,21,5)
```
#292309
```
#292309 rgb(41,35,9)
```
#3a310c
```
#3a310c rgb(58,49,12)
```
#4a3e0f
```
#4a3e0f rgb(74,62,15)
```
#5a4c13
```
#5a4c13 rgb(90,76,19)
```
#6a5a16
```
#6a5a16 rgb(106,90,22)
```
#7b6719
```
#7b6719 rgb(123,103,25)
```
#8b751d
```
#8b751d rgb(139,117,29)
```
#9b8320
```
#9b8320 rgb(155,131,32)
```
#ab9123
```
#ab9123 rgb(171,145,35)
```
#bc9e27
```
#bc9e27 rgb(188,158,39)
```
#ccac2a
```
#ccac2a rgb(204,172,42)
```

Shade Color Variation

#d5b534
```
#d5b534 rgb(213,181,52)
```
#d9bb45
```
#d9bb45 rgb(217,187,69)
```
#dcc155
```
#dcc155 rgb(220,193,85)
```
#dfc765
```
#dfc765 rgb(223,199,101)
```
#e3cd75
```
#e3cd75 rgb(227,205,117)
```
#e6d386
```
#e6d386 rgb(230,211,134)
```
#e9d996
```
#e9d996 rgb(233,217,150)
```
#eddfa6
```
#eddfa6 rgb(237,223,166)
```
#f0e5b6
```
#f0e5b6 rgb(240,229,182)
```
#f3ebc7
```
#f3ebc7 rgb(243,235,199)
```
#f7f0d7
```
#f7f0d7 rgb(247,240,215)
```
#faf6e7
```
#faf6e7 rgb(250,246,231)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,248)
```

Tint Color Variation

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

#807e76
```
#807e76 rgb(128,126,118)
```
#8a846c
```
#8a846c rgb(138,132,108)
```
#938a63
```
#938a63 rgb(147,138,99)
```
#9d8f59
```
#9d8f59 rgb(157,143,89)
```
#a69550
```
#a69550 rgb(166,149,80)
```
#b09b46
```
#b09b46 rgb(176,155,70)
```
#b9a13d
```
#b9a13d rgb(185,161,61)
```
#c3a633
```
#c3a633 rgb(195,166,51)
```
#ccac2a
```
#ccac2a rgb(204,172,42)
```
#d5b221
```
#d5b221 rgb(213,178,33)
```
#dfb717
```
#dfb717 rgb(223,183,23)
```
#e8bd0e
```
#e8bd0e rgb(232,189,14)
```
#f2c304
```
#f2c304 rgb(242,195,4)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aea88e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b235 Protanopia 1% of men
#ddaa38 Deuteranopia 1% of men
#d8a5b0 Tritanopia 0.001% of the population

Trichromacy

#c9b031 Protanomaly 1% of men, 0.01% of women
#d7aa33 Deuteranomaly 6% of men, 0.4% of women
#d3a77f Tritanomaly 0.01% of the population

#ccac2a hex color

#ccac2a Color Information

#ccac2a Color Conversion

Color Schemes with #ccac2a

Alternatives to #ccac2a

#ccac2a Preview

Shades and Tints of #ccac2a

Tones of #ccac2a

Color Blindness Simulator