#cca168 hex color

In a RGB color space, hex #cca168 is composed of 80% red, 63.1% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 49% yellow and 20% black. It has a hue angle of 34.2 degrees, a saturation of 49.5% and a lightness of 60.4%. #cca168 color hex could be obtained by blending #ffffd0 with #994300. Closest websafe color is: #cc9966.

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

● #cca168 color description : Slightly desaturated orange.

The hexadecimal color #cca168 has RGB values of R:204, G:161, B:104 and CMYK values of C:0, M:0.21, Y:0.49, K:0.2. Its decimal value is 13410664.

Hex triplet	cca168	`#cca168`
RGB Decimal	204, 161, 104	`rgb(204,161,104)`
RGB Percent	80, 63.1, 40.8	`rgb(80%,63.1%,40.8%)`
CMYK	0, 21, 49, 20
HSL	34.2°, 49.5, 60.4	`hsl(34.2,49.5%,60.4%)`
HSV (or HSB)	34.2°, 49, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.988, 8.819, 35.614
XYZ	40.146, 39.328, 18.573
xyY	0.409, 0.401, 39.328
CIE-LCH	68.988, 36.69, 76.092
CIE-LUV	68.988, 32.572, 42.862
Hunter-Lab	62.712, 4.521, 26.34
Binary	11001100, 10100001, 01101000

#cca168
```
#cca168 rgb(204,161,104)
```
#6893cc
```
#6893cc rgb(104,147,204)
```

Complementary Color

#cc6f68
```
#cc6f68 rgb(204,111,104)
```
#cca168
```
#cca168 rgb(204,161,104)
```
#c5cc68
```
#c5cc68 rgb(197,204,104)
```

Analogous Color

#6f68cc
```
#6f68cc rgb(111,104,204)
```
#cca168
```
#cca168 rgb(204,161,104)
```
#68c5cc
```
#68c5cc rgb(104,197,204)
```

Split Complementary Color

#a168cc
```
#a168cc rgb(161,104,204)
```
#cca168
```
#cca168 rgb(204,161,104)
```
#68cca1
```
#68cca1 rgb(104,204,161)
```

Triadic Color

#cc6893
```
#cc6893 rgb(204,104,147)
```
#cca168
```
#cca168 rgb(204,161,104)
```
#68cca1
```
#68cca1 rgb(104,204,161)
```
#6893cc
```
#6893cc rgb(104,147,204)
```

Tetradic Color

#ad7c3a
```
#ad7c3a rgb(173,124,58)
```
#bf8942
```
#bf8942 rgb(191,137,66)
```
#c69555
```
#c69555 rgb(198,149,85)
```
#cca168
```
#cca168 rgb(204,161,104)
```
#d2ad7b
```
#d2ad7b rgb(210,173,123)
```
#d9b98e
```
#d9b98e rgb(217,185,142)
```
#dfc5a1
```
#dfc5a1 rgb(223,197,161)
```

Monochromatic Color

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

#cc8868
```
#cc8868 rgb(204,136,104)
```
#cc9068
```
#cc9068 rgb(204,144,104)
```
#cc9968
```
#cc9968 rgb(204,153,104)
```
#cca168
```
#cca168 rgb(204,161,104)
```
#cca968
```
#cca968 rgb(204,169,104)
```
#ccb268
```
#ccb268 rgb(204,178,104)
```
#ccba68
```
#ccba68 rgb(204,186,104)
```

Similar Colors

Text with hexadecimal color #cca168

This text has a font color of #cca168.

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

#cca168 background color

This paragraph has a background color of #cca168.

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

#cca168 border color

This element has a border color of #cca168.

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

CSS codes

.text {color:#cca168;}

.background {background-color:#cca168;}

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

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, #0a0703 is the darkest color, while #fefcfb is the lightest one.

#0a0703
```
#0a0703 rgb(10,7,3)
```
#191208
```
#191208 rgb(25,18,8)
```
#281c0d
```
#281c0d rgb(40,28,13)
```
#362712
```
#362712 rgb(54,39,18)
```
#453117
```
#453117 rgb(69,49,23)
```
#543c1c
```
#543c1c rgb(84,60,28)
```
#624621
```
#624621 rgb(98,70,33)
```
#715126
```
#715126 rgb(113,81,38)
```
#805b2b
```
#805b2b rgb(128,91,43)
```
#8e6630
```
#8e6630 rgb(142,102,48)
```
#9d7035
```
#9d7035 rgb(157,112,53)
```
#ac7b3a
```
#ac7b3a rgb(172,123,58)
```
#ba853f
```
#ba853f rgb(186,133,63)
```

Shade Color Variation

#c28f4b
```
#c28f4b rgb(194,143,75)
```
#c79859
```
#c79859 rgb(199,152,89)
```
#cca168
```
#cca168 rgb(204,161,104)
```
#d1aa77
```
#d1aa77 rgb(209,170,119)
```
#d6b385
```
#d6b385 rgb(214,179,133)
```
#dbbc94
```
#dbbc94 rgb(219,188,148)
```
#e0c6a3
```
#e0c6a3 rgb(224,198,163)
```
#e5cfb1
```
#e5cfb1 rgb(229,207,177)
```
#ead8c0
```
#ead8c0 rgb(234,216,192)
```
#efe1cf
```
#efe1cf rgb(239,225,207)
```
#f4eadd
```
#f4eadd rgb(244,234,221)
```
#f9f3ec
```
#f9f3ec rgb(249,243,236)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#9d9a97
```
#9d9a97 rgb(157,154,151)
```
#a59c8f
```
#a59c8f rgb(165,156,143)
```
#ad9d87
```
#ad9d87 rgb(173,157,135)
```
#b59e7f
```
#b59e7f rgb(181,158,127)
```
#bc9f78
```
#bc9f78 rgb(188,159,120)
```
#c4a070
```
#c4a070 rgb(196,160,112)
```
#cca168
```
#cca168 rgb(204,161,104)
```
#d4a260
```
#d4a260 rgb(212,162,96)
```
#dca358
```
#dca358 rgb(220,163,88)
```
#e3a451
```
#e3a451 rgb(227,164,81)
```
#eba549
```
#eba549 rgb(235,165,73)
```
#f3a641
```
#f3a641 rgb(243,166,65)
```
#fba839
```
#fba839 rgb(251,168,57)
```

Tone Color Variation

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

#bbac72 Protanopia 1% of men
#cfa56f Deuteranopia 1% of men
#d49ea9 Tritanopia 0.001% of the population

Trichromacy

#c1a86e Protanomaly 1% of men, 0.01% of women
#cea36d Deuteranomaly 6% of men, 0.4% of women
#d19f91 Tritanomaly 0.01% of the population

#cca168 hex color

#cca168 Color Information

#cca168 Color Conversion

Color Schemes with #cca168

Alternatives to #cca168

#cca168 Preview

Shades and Tints of #cca168

Tones of #cca168

Color Blindness Simulator