#cca165 hex color

In a RGB color space, hex #cca165 is composed of 80% red, 63.1% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 50.5% yellow and 20% black. It has a hue angle of 35 degrees, a saturation of 50.2% and a lightness of 59.8%. #cca165 color hex could be obtained by blending #ffffca with #994300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 80
- G 63
- B 40
RGB color chart
- C 0
- M 21
- Y 50
- K 20
CMYK color chart

● #cca165 color description : Moderate orange.

The hexadecimal color #cca165 has RGB values of R:204, G:161, B:101 and CMYK values of C:0, M:0.21, Y:0.5, K:0.2. Its decimal value is 13410661.

Hex triplet	cca165	`#cca165`
RGB Decimal	204, 161, 101	`rgb(204,161,101)`
RGB Percent	80, 63.1, 39.6	`rgb(80%,63.1%,39.6%)`
CMYK	0, 21, 50, 20
HSL	35°, 50.2, 59.8	`hsl(35,50.2%,59.8%)`
HSV (or HSB)	35°, 50.5, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.945, 8.538, 37.132
XYZ	39.996, 39.268, 17.784
xyY	0.412, 0.405, 39.268
CIE-LCH	68.945, 38.101, 77.05
CIE-LUV	68.945, 32.815, 44.442
Hunter-Lab	62.664, 4.266, 27.039
Binary	11001100, 10100001, 01100101

#cca165
```
#cca165 rgb(204,161,101)
```
#6590cc
```
#6590cc rgb(101,144,204)
```

Complementary Color

#cc6e65
```
#cc6e65 rgb(204,110,101)
```
#cca165
```
#cca165 rgb(204,161,101)
```
#c4cc65
```
#c4cc65 rgb(196,204,101)
```

Analogous Color

#6e65cc
```
#6e65cc rgb(110,101,204)
```
#cca165
```
#cca165 rgb(204,161,101)
```
#65c4cc
```
#65c4cc rgb(101,196,204)
```

Split Complementary Color

#a165cc
```
#a165cc rgb(161,101,204)
```
#cca165
```
#cca165 rgb(204,161,101)
```
#65cca1
```
#65cca1 rgb(101,204,161)
```

Triadic Color

#cc6590
```
#cc6590 rgb(204,101,144)
```
#cca165
```
#cca165 rgb(204,161,101)
```
#65cca1
```
#65cca1 rgb(101,204,161)
```
#6590cc
```
#6590cc rgb(101,144,204)
```

Tetradic Color

#ac7c39
```
#ac7c39 rgb(172,124,57)
```
#bf8a3f
```
#bf8a3f rgb(191,138,63)
```
#c69552
```
#c69552 rgb(198,149,82)
```
#cca165
```
#cca165 rgb(204,161,101)
```
#d2ad78
```
#d2ad78 rgb(210,173,120)
```
#d9b88b
```
#d9b88b rgb(217,184,139)
```
#dfc49e
```
#dfc49e rgb(223,196,158)
```

Monochromatic Color

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

#cc8765
```
#cc8765 rgb(204,135,101)
```
#cc9065
```
#cc9065 rgb(204,144,101)
```
#cc9865
```
#cc9865 rgb(204,152,101)
```
#cca165
```
#cca165 rgb(204,161,101)
```
#ccaa65
```
#ccaa65 rgb(204,170,101)
```
#ccb265
```
#ccb265 rgb(204,178,101)
```
#ccbb65
```
#ccbb65 rgb(204,187,101)
```

Similar Colors

Text with hexadecimal color #cca165

This text has a font color of #cca165.

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

#cca165 background color

This paragraph has a background color of #cca165.

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

#cca165 border color

This element has a border color of #cca165.

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

CSS codes

.text {color:#cca165;}

.background {background-color:#cca165;}

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

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

#080603
```
#080603 rgb(8,6,3)
```
#171008
```
#171008 rgb(23,16,8)
```
#261b0c
```
#261b0c rgb(38,27,12)
```
#342611
```
#342611 rgb(52,38,17)
```
#433016
```
#433016 rgb(67,48,22)
```
#523b1b
```
#523b1b rgb(82,59,27)
```
#614620
```
#614620 rgb(97,70,32)
```
#6f5025
```
#6f5025 rgb(111,80,37)
```
#7e5b2a
```
#7e5b2a rgb(126,91,42)
```
#8d652f
```
#8d652f rgb(141,101,47)
```
#9b7033
```
#9b7033 rgb(155,112,51)
```
#aa7b38
```
#aa7b38 rgb(170,123,56)
```
#b9853d
```
#b9853d rgb(185,133,61)
```

Shade Color Variation

#c28f48
```
#c28f48 rgb(194,143,72)
```
#c79856
```
#c79856 rgb(199,152,86)
```
#cca165
```
#cca165 rgb(204,161,101)
```
#d1aa74
```
#d1aa74 rgb(209,170,116)
```
#d6b382
```
#d6b382 rgb(214,179,130)
```
#dbbc91
```
#dbbc91 rgb(219,188,145)
```
#e0c5a0
```
#e0c5a0 rgb(224,197,160)
```
#e4ceaf
```
#e4ceaf rgb(228,206,175)
```
#e9d7bd
```
#e9d7bd rgb(233,215,189)
```
#eee0cc
```
#eee0cc rgb(238,224,204)
```
#f3e9db
```
#f3e9db rgb(243,233,219)
```
#f8f2ea
```
#f8f2ea rgb(248,242,234)
```
#fdfbf8
```
#fdfbf8 rgb(253,251,248)
```

Tint Color Variation

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

#9d9994
```
#9d9994 rgb(157,153,148)
```
#a59a8c
```
#a59a8c rgb(165,154,140)
```
#ac9c85
```
#ac9c85 rgb(172,156,133)
```
#b49d7d
```
#b49d7d rgb(180,157,125)
```
#bc9e75
```
#bc9e75 rgb(188,158,117)
```
#c4a06d
```
#c4a06d rgb(196,160,109)
```
#cca165
```
#cca165 rgb(204,161,101)
```
#d4a25d
```
#d4a25d rgb(212,162,93)
```
#dca455
```
#dca455 rgb(220,164,85)
```
#e4a54d
```
#e4a54d rgb(228,165,77)
```
#eca645
```
#eca645 rgb(236,166,69)
```
#f3a83e
```
#f3a83e rgb(243,168,62)
```
#fba936
```
#fba936 rgb(251,169,54)
```

Tone Color Variation

Below, you can see how #cca165 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
#aea69a Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbac6f Protanopia 1% of men
#cfa56d Deuteranopia 1% of men
#d49ea9 Tritanopia 0.001% of the population

Trichromacy

#c1a86b Protanomaly 1% of men, 0.01% of women
#cea36a Deuteranomaly 6% of men, 0.4% of women
#d19f90 Tritanomaly 0.01% of the population

#cca165 hex color

#cca165 Color Information

#cca165 Color Conversion

Color Schemes with #cca165

Alternatives to #cca165

#cca165 Preview

Shades and Tints of #cca165

Tones of #cca165

Color Blindness Simulator