#cca463 hex color

In a RGB color space, hex #cca463 is composed of 80% red, 64.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 51.5% yellow and 20% black. It has a hue angle of 37.1 degrees, a saturation of 50.7% and a lightness of 59.4%. #cca463 color hex could be obtained by blending #ffffc6 with #994900. Closest websafe color is: #cc9966.

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

● #cca463 color description : Moderate orange.

The hexadecimal color #cca463 has RGB values of R:204, G:164, B:99 and CMYK values of C:0, M:0.2, Y:0.51, K:0.2. Its decimal value is 13411427.

Hex triplet	cca463	`#cca463`
RGB Decimal	204, 164, 99	`rgb(204,164,99)`
RGB Percent	80, 64.3, 38.8	`rgb(80%,64.3%,38.8%)`
CMYK	0, 20, 51, 20
HSL	37.1°, 50.7, 59.4	`hsl(37.1,50.7%,59.4%)`
HSV (or HSB)	37.1°, 51.5, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.676, 6.737, 39.079
XYZ	40.43, 40.291, 17.451
xyY	0.412, 0.41, 40.291
CIE-LCH	69.676, 39.655, 80.218
CIE-LUV	69.676, 30.917, 46.929
Hunter-Lab	63.475, 2.612, 28.132
Binary	11001100, 10100100, 01100011

#cca463
```
#cca463 rgb(204,164,99)
```
#638bcc
```
#638bcc rgb(99,139,204)
```

Complementary Color

#cc7063
```
#cc7063 rgb(204,112,99)
```
#cca463
```
#cca463 rgb(204,164,99)
```
#c0cc63
```
#c0cc63 rgb(192,204,99)
```

Analogous Color

#7063cc
```
#7063cc rgb(112,99,204)
```
#cca463
```
#cca463 rgb(204,164,99)
```
#63c0cc
```
#63c0cc rgb(99,192,204)
```

Split Complementary Color

#a463cc
```
#a463cc rgb(164,99,204)
```
#cca463
```
#cca463 rgb(204,164,99)
```
#63cca4
```
#63cca4 rgb(99,204,164)
```

Triadic Color

#cc638b
```
#cc638b rgb(204,99,139)
```
#cca463
```
#cca463 rgb(204,164,99)
```
#63cca4
```
#63cca4 rgb(99,204,164)
```
#638bcc
```
#638bcc rgb(99,139,204)
```

Tetradic Color

#ab7f38
```
#ab7f38 rgb(171,127,56)
```
#be8d3e
```
#be8d3e rgb(190,141,62)
```
#c69950
```
#c69950 rgb(198,153,80)
```
#cca463
```
#cca463 rgb(204,164,99)
```
#d2af76
```
#d2af76 rgb(210,175,118)
```
#d9ba89
```
#d9ba89 rgb(217,186,137)
```
#dfc69d
```
#dfc69d rgb(223,198,157)
```

Monochromatic Color

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

#cc8a63
```
#cc8a63 rgb(204,138,99)
```
#cc9363
```
#cc9363 rgb(204,147,99)
```
#cc9b63
```
#cc9b63 rgb(204,155,99)
```
#cca463
```
#cca463 rgb(204,164,99)
```
#ccad63
```
#ccad63 rgb(204,173,99)
```
#ccb663
```
#ccb663 rgb(204,182,99)
```
#ccbe63
```
#ccbe63 rgb(204,190,99)
```

Similar Colors

Text with hexadecimal color #cca463

This text has a font color of #cca463.

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

#cca463 background color

This paragraph has a background color of #cca463.

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

#cca463 border color

This element has a border color of #cca463.

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

CSS codes

.text {color:#cca463;}

.background {background-color:#cca463;}

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

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

#070502
```
#070502 rgb(7,5,2)
```
#151007
```
#151007 rgb(21,16,7)
```
#241b0c
```
#241b0c rgb(36,27,12)
```
#332611
```
#332611 rgb(51,38,17)
```
#423115
```
#423115 rgb(66,49,21)
```
#513c1a
```
#513c1a rgb(81,60,26)
```
#5f471f
```
#5f471f rgb(95,71,31)
```
#6e5224
```
#6e5224 rgb(110,82,36)
```
#7d5d29
```
#7d5d29 rgb(125,93,41)
```
#8c682e
```
#8c682e rgb(140,104,46)
```
#9a7332
```
#9a7332 rgb(154,115,50)
```
#a97e37
```
#a97e37 rgb(169,126,55)
```
#b8893c
```
#b8893c rgb(184,137,60)
```

Shade Color Variation

#c29345
```
#c29345 rgb(194,147,69)
```
#c79b54
```
#c79b54 rgb(199,155,84)
```
#cca463
```
#cca463 rgb(204,164,99)
```
#d1ad72
```
#d1ad72 rgb(209,173,114)
```
#d6b581
```
#d6b581 rgb(214,181,129)
```
#dabe8f
```
#dabe8f rgb(218,190,143)
```
#dfc69e
```
#dfc69e rgb(223,198,158)
```
#e4cfad
```
#e4cfad rgb(228,207,173)
```
#e9d8bc
```
#e9d8bc rgb(233,216,188)
```
#eee0ca
```
#eee0ca rgb(238,224,202)
```
#f3e9d9
```
#f3e9d9 rgb(243,233,217)
```
#f7f2e8
```
#f7f2e8 rgb(247,242,232)
```
#fcfaf7
```
#fcfaf7 rgb(252,250,247)
```

Tint Color Variation

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

#9c9993
```
#9c9993 rgb(156,153,147)
```
#a49b8b
```
#a49b8b rgb(164,155,139)
```
#ac9c83
```
#ac9c83 rgb(172,156,131)
```
#b49e7b
```
#b49e7b rgb(180,158,123)
```
#bca073
```
#bca073 rgb(188,160,115)
```
#c4a26b
```
#c4a26b rgb(196,162,107)
```
#cca463
```
#cca463 rgb(204,164,99)
```
#d4a65b
```
#d4a65b rgb(212,166,91)
```
#dca853
```
#dca853 rgb(220,168,83)
```
#e4aa4b
```
#e4aa4b rgb(228,170,75)
```
#ecac43
```
#ecac43 rgb(236,172,67)
```
#f4ad3b
```
#f4ad3b rgb(244,173,59)
```
#fcaf33
```
#fcaf33 rgb(252,175,51)
```

Tone Color Variation

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

Dichromacy

#beae6d Protanopia 1% of men
#d2a76b Deuteranopia 1% of men
#d5a0ac Tritanopia 0.001% of the population

Trichromacy

#c3aa69 Protanomaly 1% of men, 0.01% of women
#d0a668 Deuteranomaly 6% of men, 0.4% of women
#d1a191 Tritanomaly 0.01% of the population

#cca463 hex color

#cca463 Color Information

#cca463 Color Conversion

Color Schemes with #cca463

Alternatives to #cca463

#cca463 Preview

Shades and Tints of #cca463

Tones of #cca463

Color Blindness Simulator