#cca325 hex color

In a RGB color space, hex #cca325 is composed of 80% red, 63.9% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.1% magenta, 81.9% yellow and 20% black. It has a hue angle of 45.3 degrees, a saturation of 69.3% and a lightness of 47.3%. #cca325 color hex could be obtained by blending #ffff4a with #994700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 64
- B 15
RGB color chart
- C 0
- M 20
- Y 82
- K 20
CMYK color chart

● #cca325 color description : Strong yellow.

The hexadecimal color #cca325 has RGB values of R:204, G:163, B:37 and CMYK values of C:0, M:0.2, Y:0.82, K:0.2. Its decimal value is 13411109.

Hex triplet	cca325	`#cca325`
RGB Decimal	204, 163, 37	`rgb(204,163,37)`
RGB Percent	80, 63.9, 14.5	`rgb(80%,63.9%,14.5%)`
CMYK	0, 20, 82, 20
HSL	45.3°, 69.3, 47.3	`hsl(45.3,69.3%,47.3%)`
HSV (or HSB)	45.3°, 81.9, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.872, 3.589, 65.115
XYZ	38.334, 39.167, 7.291
xyY	0.452, 0.462, 39.167
CIE-LCH	68.872, 65.214, 86.845
CIE-LUV	68.872, 34.821, 67.949
Hunter-Lab	62.584, -0.187, 36.901
Binary	11001100, 10100011, 00100101

#cca325
```
#cca325 rgb(204,163,37)
```
#254ecc
```
#254ecc rgb(37,78,204)
```

Complementary Color

#cc5025
```
#cc5025 rgb(204,80,37)
```
#cca325
```
#cca325 rgb(204,163,37)
```
#a2cc25
```
#a2cc25 rgb(162,204,37)
```

Analogous Color

#5025cc
```
#5025cc rgb(80,37,204)
```
#cca325
```
#cca325 rgb(204,163,37)
```
#25a2cc
```
#25a2cc rgb(37,162,204)
```

Split Complementary Color

#a325cc
```
#a325cc rgb(163,37,204)
```
#cca325
```
#cca325 rgb(204,163,37)
```
#25cca3
```
#25cca3 rgb(37,204,163)
```

Triadic Color

#cc254e
```
#cc254e rgb(204,37,78)
```
#cca325
```
#cca325 rgb(204,163,37)
```
#25cca3
```
#25cca3 rgb(37,204,163)
```
#254ecc
```
#254ecc rgb(37,78,204)
```

Tetradic Color

#8b6f19
```
#8b6f19 rgb(139,111,25)
```
#a1811d
```
#a1811d rgb(161,129,29)
```
#b69221
```
#b69221 rgb(182,146,33)
```
#cca325
```
#cca325 rgb(204,163,37)
```
#dab031
```
#dab031 rgb(218,176,49)
```
#deb846
```
#deb846 rgb(222,184,70)
```
#e1c15c
```
#e1c15c rgb(225,193,92)
```

Monochromatic Color

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

#cc7925
```
#cc7925 rgb(204,121,37)
```
#cc8725
```
#cc8725 rgb(204,135,37)
```
#cc9525
```
#cc9525 rgb(204,149,37)
```
#cca325
```
#cca325 rgb(204,163,37)
```
#ccb125
```
#ccb125 rgb(204,177,37)
```
#ccbf25
```
#ccbf25 rgb(204,191,37)
```
#cbcc25
```
#cbcc25 rgb(203,204,37)
```

Similar Colors

Text with hexadecimal color #cca325

This text has a font color of #cca325.

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

#cca325 background color

This paragraph has a background color of #cca325.

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

#cca325 border color

This element has a border color of #cca325.

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

CSS codes

.text {color:#cca325;}

.background {background-color:#cca325;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#151104
```
#151104 rgb(21,17,4)
```
#261e07
```
#261e07 rgb(38,30,7)
```
#372c0a
```
#372c0a rgb(55,44,10)
```
#47390d
```
#47390d rgb(71,57,13)
```
#584610
```
#584610 rgb(88,70,16)
```
#685313
```
#685313 rgb(104,83,19)
```
#796116
```
#796116 rgb(121,97,22)
```
#8a6e19
```
#8a6e19 rgb(138,110,25)
```
#9a7b1c
```
#9a7b1c rgb(154,123,28)
```
#ab881f
```
#ab881f rgb(171,136,31)
```
#bb9622
```
#bb9622 rgb(187,150,34)
```
#cca325
```
#cca325 rgb(204,163,37)
```

Shade Color Variation

#d9ae2c
```
#d9ae2c rgb(217,174,44)
```
#dcb53d
```
#dcb53d rgb(220,181,61)
```
#dfbb4d
```
#dfbb4d rgb(223,187,77)
```
#e2c15e
```
#e2c15e rgb(226,193,94)
```
#e5c86e
```
#e5c86e rgb(229,200,110)
```
#e8ce7f
```
#e8ce7f rgb(232,206,127)
```
#ebd490
```
#ebd490 rgb(235,212,144)
```
#eedba0
```
#eedba0 rgb(238,219,160)
```
#f1e1b1
```
#f1e1b1 rgb(241,225,177)
```
#f4e7c1
```
#f4e7c1 rgb(244,231,193)
```
#f7eed2
```
#f7eed2 rgb(247,238,210)
```
#faf4e3
```
#faf4e3 rgb(250,244,227)
```
#fdfaf3
```
#fdfaf3 rgb(253,250,243)
```

Tint Color Variation

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

#797978
```
#797978 rgb(121,121,120)
```
#827d6f
```
#827d6f rgb(130,125,111)
```
#8b8266
```
#8b8266 rgb(139,130,102)
```
#94875d
```
#94875d rgb(148,135,93)
```
#9e8b53
```
#9e8b53 rgb(158,139,83)
```
#a7904a
```
#a7904a rgb(167,144,74)
```
#b09541
```
#b09541 rgb(176,149,65)
```
#b99a38
```
#b99a38 rgb(185,154,56)
```
#c39e2e
```
#c39e2e rgb(195,158,46)
```
#cca325
```
#cca325 rgb(204,163,37)
```
#d5a81c
```
#d5a81c rgb(213,168,28)
```
#dfac12
```
#dfac12 rgb(223,172,18)
```
#e8b109
```
#e8b109 rgb(232,177,9)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#aaa188 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ac31 Protanopia 1% of men
#d6a432 Deuteranopia 1% of men
#d79da7 Tritanopia 0.001% of the population

Trichromacy

#c4a92d Protanomaly 1% of men, 0.01% of women
#d2a32d Deuteranomaly 6% of men, 0.4% of women
#d39f78 Tritanomaly 0.01% of the population

#cca325 hex color

#cca325 Color Information

#cca325 Color Conversion

Color Schemes with #cca325

Alternatives to #cca325

#cca325 Preview

Shades and Tints of #cca325

Tones of #cca325

Color Blindness Simulator