#cca367 hex color

In a RGB color space, hex #cca367 is composed of 80% red, 63.9% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.1% magenta, 49.5% yellow and 20% black. It has a hue angle of 35.6 degrees, a saturation of 49.8% and a lightness of 60.2%. #cca367 color hex could be obtained by blending #ffffce with #994700. Closest websafe color is: #cc9966.

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

● #cca367 color description : Slightly desaturated orange.

The hexadecimal color #cca367 has RGB values of R:204, G:163, B:103 and CMYK values of C:0, M:0.2, Y:0.5, K:0.2. Its decimal value is 13411175.

Hex triplet	cca367	`#cca367`
RGB Decimal	204, 163, 103	`rgb(204,163,103)`
RGB Percent	80, 63.9, 40.4	`rgb(80%,63.9%,40.4%)`
CMYK	0, 20, 50, 20
HSL	35.6°, 49.8, 60.2	`hsl(35.6,49.8%,60.2%)`
HSV (or HSB)	35.6°, 49.5, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.479, 7.644, 36.756
XYZ	40.447, 40.013, 18.424
xyY	0.409, 0.405, 40.013
CIE-LCH	69.479, 37.542, 78.252
CIE-LUV	69.479, 31.294, 44.381
Hunter-Lab	63.256, 3.441, 27.01
Binary	11001100, 10100011, 01100111

#cca367
```
#cca367 rgb(204,163,103)
```
#6790cc
```
#6790cc rgb(103,144,204)
```

Complementary Color

#cc7167
```
#cc7167 rgb(204,113,103)
```
#cca367
```
#cca367 rgb(204,163,103)
```
#c3cc67
```
#c3cc67 rgb(195,204,103)
```

Analogous Color

#7167cc
```
#7167cc rgb(113,103,204)
```
#cca367
```
#cca367 rgb(204,163,103)
```
#67c3cc
```
#67c3cc rgb(103,195,204)
```

Split Complementary Color

#a367cc
```
#a367cc rgb(163,103,204)
```
#cca367
```
#cca367 rgb(204,163,103)
```
#67cca3
```
#67cca3 rgb(103,204,163)
```

Triadic Color

#cc6790
```
#cc6790 rgb(204,103,144)
```
#cca367
```
#cca367 rgb(204,163,103)
```
#67cca3
```
#67cca3 rgb(103,204,163)
```
#6790cc
```
#6790cc rgb(103,144,204)
```

Tetradic Color

#ad7e3a
```
#ad7e3a rgb(173,126,58)
```
#bf8c41
```
#bf8c41 rgb(191,140,65)
```
#c69754
```
#c69754 rgb(198,151,84)
```
#cca367
```
#cca367 rgb(204,163,103)
```
#d2af7a
```
#d2af7a rgb(210,175,122)
```
#d9ba8d
```
#d9ba8d rgb(217,186,141)
```
#dfc6a0
```
#dfc6a0 rgb(223,198,160)
```

Monochromatic Color

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

#cc8a67
```
#cc8a67 rgb(204,138,103)
```
#cc9267
```
#cc9267 rgb(204,146,103)
```
#cc9b67
```
#cc9b67 rgb(204,155,103)
```
#cca367
```
#cca367 rgb(204,163,103)
```
#ccab67
```
#ccab67 rgb(204,171,103)
```
#ccb467
```
#ccb467 rgb(204,180,103)
```
#ccbc67
```
#ccbc67 rgb(204,188,103)
```

Similar Colors

Text with hexadecimal color #cca367

This text has a font color of #cca367.

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

#cca367 background color

This paragraph has a background color of #cca367.

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

#cca367 border color

This element has a border color of #cca367.

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

CSS codes

.text {color:#cca367;}

.background {background-color:#cca367;}

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

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 #fdfcfa is the lightest one.

#0a0703
```
#0a0703 rgb(10,7,3)
```
#181208
```
#181208 rgb(24,18,8)
```
#271c0d
```
#271c0d rgb(39,28,13)
```
#362712
```
#362712 rgb(54,39,18)
```
#443217
```
#443217 rgb(68,50,23)
```
#533d1c
```
#533d1c rgb(83,61,28)
```
#624721
```
#624721 rgb(98,71,33)
```
#705226
```
#705226 rgb(112,82,38)
```
#7f5d2b
```
#7f5d2b rgb(127,93,43)
```
#8e6830
```
#8e6830 rgb(142,104,48)
```
#9c7234
```
#9c7234 rgb(156,114,52)
```
#ab7d39
```
#ab7d39 rgb(171,125,57)
```
#ba883e
```
#ba883e rgb(186,136,62)
```

Shade Color Variation

#c2914a
```
#c2914a rgb(194,145,74)
```
#c79a58
```
#c79a58 rgb(199,154,88)
```
#cca367
```
#cca367 rgb(204,163,103)
```
#d1ac76
```
#d1ac76 rgb(209,172,118)
```
#d6b584
```
#d6b584 rgb(214,181,132)
```
#dbbe93
```
#dbbe93 rgb(219,190,147)
```
#e0c7a2
```
#e0c7a2 rgb(224,199,162)
```
#e5cfb0
```
#e5cfb0 rgb(229,207,176)
```
#ead8bf
```
#ead8bf rgb(234,216,191)
```
#eee1ce
```
#eee1ce rgb(238,225,206)
```
#f3eadc
```
#f3eadc rgb(243,234,220)
```
#f8f3eb
```
#f8f3eb rgb(248,243,235)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#9d9a96
```
#9d9a96 rgb(157,154,150)
```
#a59c8e
```
#a59c8e rgb(165,156,142)
```
#ad9d86
```
#ad9d86 rgb(173,157,134)
```
#b59f7e
```
#b59f7e rgb(181,159,126)
```
#bca077
```
#bca077 rgb(188,160,119)
```
#c4a26f
```
#c4a26f rgb(196,162,111)
```
#cca367
```
#cca367 rgb(204,163,103)
```
#d4a45f
```
#d4a45f rgb(212,164,95)
```
#dca657
```
#dca657 rgb(220,166,87)
```
#e3a750
```
#e3a750 rgb(227,167,80)
```
#eba948
```
#eba948 rgb(235,169,72)
```
#f3aa40
```
#f3aa40 rgb(243,170,64)
```
#fbac38
```
#fbac38 rgb(251,172,56)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#afa79b Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdae71 Protanopia 1% of men
#d1a66f Deuteranopia 1% of men
#d4a0ab Tritanopia 0.001% of the population

Trichromacy

#c2aa6d Protanomaly 1% of men, 0.01% of women
#cfa56c Deuteranomaly 6% of men, 0.4% of women
#d1a192 Tritanomaly 0.01% of the population

#cca367 hex color

#cca367 Color Information

#cca367 Color Conversion

Color Schemes with #cca367

Alternatives to #cca367

#cca367 Preview

Shades and Tints of #cca367

Tones of #cca367

Color Blindness Simulator