#cca950 hex color

In a RGB color space, hex #cca950 is composed of 80% red, 66.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.2% magenta, 60.8% yellow and 20% black. It has a hue angle of 43.1 degrees, a saturation of 54.9% and a lightness of 55.7%. #cca950 color hex could be obtained by blending #ffffa0 with #995300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 80
- G 66
- B 31
RGB color chart
- C 0
- M 17
- Y 61
- K 20
CMYK color chart

● #cca950 color description : Moderate orange.

The hexadecimal color #cca950 has RGB values of R:204, G:169, B:80 and CMYK values of C:0, M:0.17, Y:0.61, K:0.2. Its decimal value is 13412688.

Hex triplet	cca950	`#cca950`
RGB Decimal	204, 169, 80	`rgb(204,169,80)`
RGB Percent	80, 66.3, 31.4	`rgb(80%,66.3%,31.4%)`
CMYK	0, 17, 61, 20
HSL	43.1°, 54.9, 55.7	`hsl(43.1,54.9%,55.7%)`
HSV (or HSB)	43.1°, 60.8, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.729, 2.536, 49.752
XYZ	40.538, 41.794, 13.521
xyY	0.423, 0.436, 41.794
CIE-LCH	70.729, 49.817, 87.082
CIE-LUV	70.729, 28.674, 57.868
Hunter-Lab	64.648, -1.205, 32.854
Binary	11001100, 10101001, 01010000

#cca950
```
#cca950 rgb(204,169,80)
```
#5073cc
```
#5073cc rgb(80,115,204)
```

Complementary Color

#cc6b50
```
#cc6b50 rgb(204,107,80)
```
#cca950
```
#cca950 rgb(204,169,80)
```
#b1cc50
```
#b1cc50 rgb(177,204,80)
```

Analogous Color

#6b50cc
```
#6b50cc rgb(107,80,204)
```
#cca950
```
#cca950 rgb(204,169,80)
```
#50b1cc
```
#50b1cc rgb(80,177,204)
```

Split Complementary Color

#a950cc
```
#a950cc rgb(169,80,204)
```
#cca950
```
#cca950 rgb(204,169,80)
```
#50cca9
```
#50cca9 rgb(80,204,169)
```

Triadic Color

#cc5073
```
#cc5073 rgb(204,80,115)
```
#cca950
```
#cca950 rgb(204,169,80)
```
#50cca9
```
#50cca9 rgb(80,204,169)
```
#5073cc
```
#5073cc rgb(80,115,204)
```

Tetradic Color

#a1812f
```
#a1812f rgb(161,129,47)
```
#b49035
```
#b49035 rgb(180,144,53)
```
#c69f3c
```
#c69f3c rgb(198,159,60)
```
#cca950
```
#cca950 rgb(204,169,80)
```
#d2b364
```
#d2b364 rgb(210,179,100)
```
#d8bc77
```
#d8bc77 rgb(216,188,119)
```
#ddc68b
```
#ddc68b rgb(221,198,139)
```

Monochromatic Color

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

#cc8a50
```
#cc8a50 rgb(204,138,80)
```
#cc9450
```
#cc9450 rgb(204,148,80)
```
#cc9f50
```
#cc9f50 rgb(204,159,80)
```
#cca950
```
#cca950 rgb(204,169,80)
```
#ccb350
```
#ccb350 rgb(204,179,80)
```
#ccbe50
```
#ccbe50 rgb(204,190,80)
```
#ccc850
```
#ccc850 rgb(204,200,80)
```

Similar Colors

Text with hexadecimal color #cca950

This text has a font color of #cca950.

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

#cca950 background color

This paragraph has a background color of #cca950.

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

#cca950 border color

This element has a border color of #cca950.

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

CSS codes

.text {color:#cca950;}

.background {background-color:#cca950;}

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

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

#070602
```
#070602 rgb(7,6,2)
```
#161207
```
#161207 rgb(22,18,7)
```
#261e0b
```
#261e0b rgb(38,30,11)
```
#352a0f
```
#352a0f rgb(53,42,15)
```
#443614
```
#443614 rgb(68,54,20)
```
#534318
```
#534318 rgb(83,67,24)
```
#624f1d
```
#624f1d rgb(98,79,29)
```
#725b21
```
#725b21 rgb(114,91,33)
```
#816726
```
#816726 rgb(129,103,38)
```
#90732a
```
#90732a rgb(144,115,42)
```
#9f7f2e
```
#9f7f2e rgb(159,127,46)
```
#ae8b33
```
#ae8b33 rgb(174,139,51)
```
#be9837
```
#be9837 rgb(190,152,55)
```

Shade Color Variation

#c8a241
```
#c8a241 rgb(200,162,65)
```
#cca950
```
#cca950 rgb(204,169,80)
```
#d0b05f
```
#d0b05f rgb(208,176,95)
```
#d5b86e
```
#d5b86e rgb(213,184,110)
```
#d9bf7e
```
#d9bf7e rgb(217,191,126)
```
#dec78d
```
#dec78d rgb(222,199,141)
```
#e2ce9c
```
#e2ce9c rgb(226,206,156)
```
#e7d6ab
```
#e7d6ab rgb(231,214,171)
```
#ebddba
```
#ebddba rgb(235,221,186)
```
#efe5ca
```
#efe5ca rgb(239,229,202)
```
#f4ecd9
```
#f4ecd9 rgb(244,236,217)
```
#f8f4e8
```
#f8f4e8 rgb(248,244,232)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,247)
```

Tint Color Variation

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

#8f8f8d
```
#8f8f8d rgb(143,143,141)
```
#989284
```
#989284 rgb(152,146,132)
```
#a1967b
```
#a1967b rgb(161,150,123)
```
#a99a73
```
#a99a73 rgb(169,154,115)
```
#b29e6a
```
#b29e6a rgb(178,158,106)
```
#bba161
```
#bba161 rgb(187,161,97)
```
#c3a559
```
#c3a559 rgb(195,165,89)
```
#cca950
```
#cca950 rgb(204,169,80)
```
#d5ad47
```
#d5ad47 rgb(213,173,71)
```
#ddb13f
```
#ddb13f rgb(221,177,63)
```
#e6b436
```
#e6b436 rgb(230,180,54)
```
#efb82d
```
#efb82d rgb(239,184,45)
```
#f7bc25
```
#f7bc25 rgb(247,188,37)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b0a997 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b15a Protanopia 1% of men
#d8a95a Deuteranopia 1% of men
#d6a3af Tritanopia 0.001% of the population

Trichromacy

#c6ae56 Protanomaly 1% of men, 0.01% of women
#d4a956 Deuteranomaly 6% of men, 0.4% of women
#d2a58c Tritanomaly 0.01% of the population

#cca950 hex color

#cca950 Color Information

#cca950 Color Conversion

Color Schemes with #cca950

Alternatives to #cca950

#cca950 Preview

Shades and Tints of #cca950

Tones of #cca950

Color Blindness Simulator