#cca54c hex color

In a RGB color space, hex #cca54c is composed of 80% red, 64.7% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.1% magenta, 62.7% yellow and 20% black. It has a hue angle of 41.7 degrees, a saturation of 55.7% and a lightness of 54.9%. #cca54c color hex could be obtained by blending #ffff98 with #994b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 65
- B 30
RGB color chart
- C 0
- M 19
- Y 63
- K 20
CMYK color chart

● #cca54c color description : Moderate orange.

The hexadecimal color #cca54c has RGB values of R:204, G:165, B:76 and CMYK values of C:0, M:0.19, Y:0.63, K:0.2. Its decimal value is 13411660.

Hex triplet	cca54c	`#cca54c`
RGB Decimal	204, 165, 76	`rgb(204,165,76)`
RGB Percent	80, 64.7, 29.8	`rgb(80%,64.7%,29.8%)`
CMYK	0, 19, 63, 20
HSL	41.7°, 55.7, 54.9	`hsl(41.7,55.7%,54.9%)`
HSV (or HSB)	41.7°, 62.7, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.662, 4.402, 50.436
XYZ	39.662, 40.271, 12.521
xyY	0.429, 0.436, 40.271
CIE-LCH	69.662, 50.627, 85.012
CIE-LUV	69.662, 31.717, 57.645
Hunter-Lab	63.46, 0.507, 32.723
Binary	11001100, 10100101, 01001100

#cca54c
```
#cca54c rgb(204,165,76)
```
#4c73cc
```
#4c73cc rgb(76,115,204)
```

Complementary Color

#cc654c
```
#cc654c rgb(204,101,76)
```
#cca54c
```
#cca54c rgb(204,165,76)
```
#b3cc4c
```
#b3cc4c rgb(179,204,76)
```

Analogous Color

#654ccc
```
#654ccc rgb(101,76,204)
```
#cca54c
```
#cca54c rgb(204,165,76)
```
#4cb3cc
```
#4cb3cc rgb(76,179,204)
```

Split Complementary Color

#a54ccc
```
#a54ccc rgb(165,76,204)
```
#cca54c
```
#cca54c rgb(204,165,76)
```
#4ccca5
```
#4ccca5 rgb(76,204,165)
```

Triadic Color

#cc4c73
```
#cc4c73 rgb(204,76,115)
```
#cca54c
```
#cca54c rgb(204,165,76)
```
#4ccca5
```
#4ccca5 rgb(76,204,165)
```
#4c73cc
```
#4c73cc rgb(76,115,204)
```

Tetradic Color

#9e7c2d
```
#9e7c2d rgb(158,124,45)
```
#b28b33
```
#b28b33 rgb(178,139,51)
```
#c69b38
```
#c69b38 rgb(198,155,56)
```
#cca54c
```
#cca54c rgb(204,165,76)
```
#d2af60
```
#d2af60 rgb(210,175,96)
```
#d7b974
```
#d7b974 rgb(215,185,116)
```
#ddc388
```
#ddc388 rgb(221,195,136)
```

Monochromatic Color

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

#cc854c
```
#cc854c rgb(204,133,76)
```
#cc904c
```
#cc904c rgb(204,144,76)
```
#cc9a4c
```
#cc9a4c rgb(204,154,76)
```
#cca54c
```
#cca54c rgb(204,165,76)
```
#ccb04c
```
#ccb04c rgb(204,176,76)
```
#ccba4c
```
#ccba4c rgb(204,186,76)
```
#ccc54c
```
#ccc54c rgb(204,197,76)
```

Similar Colors

Text with hexadecimal color #cca54c

This text has a font color of #cca54c.

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

#cca54c background color

This paragraph has a background color of #cca54c.

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

#cca54c border color

This element has a border color of #cca54c.

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

CSS codes

.text {color:#cca54c;}

.background {background-color:#cca54c;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#130f06
```
#130f06 rgb(19,15,6)
```
#231b0a
```
#231b0a rgb(35,27,10)
```
#32270e
```
#32270e rgb(50,39,14)
```
#413313
```
#413313 rgb(65,51,19)
```
#513f17
```
#513f17 rgb(81,63,23)
```
#604b1b
```
#604b1b rgb(96,75,27)
```
#6f5720
```
#6f5720 rgb(111,87,32)
```
#7e6324
```
#7e6324 rgb(126,99,36)
```
#8e6f28
```
#8e6f28 rgb(142,111,40)
```
#9d7b2d
```
#9d7b2d rgb(157,123,45)
```
#ac8731
```
#ac8731 rgb(172,135,49)
```
#bb9335
```
#bb9335 rgb(187,147,53)
```

Shade Color Variation

#c89d3d
```
#c89d3d rgb(200,157,61)
```
#cca54c
```
#cca54c rgb(204,165,76)
```
#d0ad5b
```
#d0ad5b rgb(208,173,91)
```
#d5b46b
```
#d5b46b rgb(213,180,107)
```
#d9bc7a
```
#d9bc7a rgb(217,188,122)
```
#ddc489
```
#ddc489 rgb(221,196,137)
```
#e2cb98
```
#e2cb98 rgb(226,203,152)
```
#e6d3a8
```
#e6d3a8 rgb(230,211,168)
```
#eadbb7
```
#eadbb7 rgb(234,219,183)
```
#efe2c6
```
#efe2c6 rgb(239,226,198)
```
#f3ead5
```
#f3ead5 rgb(243,234,213)
```
#f7f2e5
```
#f7f2e5 rgb(247,242,229)
```
#fcf9f4
```
#fcf9f4 rgb(252,249,244)
```

Tint Color Variation

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

#8e8d8a
```
#8e8d8a rgb(142,141,138)
```
#979081
```
#979081 rgb(151,144,129)
```
#a09478
```
#a09478 rgb(160,148,120)
```
#a9976f
```
#a9976f rgb(169,151,111)
```
#b19b67
```
#b19b67 rgb(177,155,103)
```
#ba9e5e
```
#ba9e5e rgb(186,158,94)
```
#c3a255
```
#c3a255 rgb(195,162,85)
```
#cca54c
```
#cca54c rgb(204,165,76)
```
#d5a843
```
#d5a843 rgb(213,168,67)
```
#deac3a
```
#deac3a rgb(222,172,58)
```
#e7af31
```
#e7af31 rgb(231,175,49)
```
#efb329
```
#efb329 rgb(239,179,41)
```
#f8b620
```
#f8b620 rgb(248,182,32)
```

Tone Color Variation

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

Dichromacy

#c0ae56 Protanopia 1% of men
#d5a656 Deuteranopia 1% of men
#d6a0ab Tritanopia 0.001% of the population

Trichromacy

#c4ab52 Protanomaly 1% of men, 0.01% of women
#d2a652 Deuteranomaly 6% of men, 0.4% of women
#d2a288 Tritanomaly 0.01% of the population

#cca54c hex color

#cca54c Color Information

#cca54c Color Conversion

Color Schemes with #cca54c

Alternatives to #cca54c

#cca54c Preview

Shades and Tints of #cca54c

Tones of #cca54c

Color Blindness Simulator