#cca55f hex color

In a RGB color space, hex #cca55f is composed of 80% red, 64.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.1% magenta, 53.4% yellow and 20% black. It has a hue angle of 38.5 degrees, a saturation of 51.7% and a lightness of 58.6%. #cca55f color hex could be obtained by blending #ffffbe with #994b00. Closest websafe color is: #cc9966.

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

● #cca55f color description : Moderate orange.

The hexadecimal color #cca55f has RGB values of R:204, G:165, B:95 and CMYK values of C:0, M:0.19, Y:0.53, K:0.2. Its decimal value is 13411679.

Hex triplet	cca55f	`#cca55f`
RGB Decimal	204, 165, 95	`rgb(204,165,95)`
RGB Percent	80, 64.7, 37.3	`rgb(80%,64.7%,37.3%)`
CMYK	0, 19, 53, 20
HSL	38.5°, 51.7, 58.6	`hsl(38.5,51.7%,58.6%)`
HSV (or HSB)	38.5°, 53.4, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.877, 5.848, 41.375
XYZ	40.423, 40.575, 16.529
xyY	0.414, 0.416, 40.575
CIE-LCH	69.877, 41.786, 81.955
CIE-LUV	69.877, 30.52, 49.384
Hunter-Lab	63.699, 1.802, 29.205
Binary	11001100, 10100101, 01011111

#cca55f
```
#cca55f rgb(204,165,95)
```
#5f86cc
```
#5f86cc rgb(95,134,204)
```

Complementary Color

#cc6f5f
```
#cc6f5f rgb(204,111,95)
```
#cca55f
```
#cca55f rgb(204,165,95)
```
#bdcc5f
```
#bdcc5f rgb(189,204,95)
```

Analogous Color

#6f5fcc
```
#6f5fcc rgb(111,95,204)
```
#cca55f
```
#cca55f rgb(204,165,95)
```
#5fbdcc
```
#5fbdcc rgb(95,189,204)
```

Split Complementary Color

#a55fcc
```
#a55fcc rgb(165,95,204)
```
#cca55f
```
#cca55f rgb(204,165,95)
```
#5fcca5
```
#5fcca5 rgb(95,204,165)
```

Triadic Color

#cc5f86
```
#cc5f86 rgb(204,95,134)
```
#cca55f
```
#cca55f rgb(204,165,95)
```
#5fcca5
```
#5fcca5 rgb(95,204,165)
```
#5f86cc
```
#5f86cc rgb(95,134,204)
```

Tetradic Color

#a98036
```
#a98036 rgb(169,128,54)
```
#bc8e3c
```
#bc8e3c rgb(188,142,60)
```
#c69a4c
```
#c69a4c rgb(198,154,76)
```
#cca55f
```
#cca55f rgb(204,165,95)
```
#d2b072
```
#d2b072 rgb(210,176,114)
```
#d8bb86
```
#d8bb86 rgb(216,187,134)
```
#dec699
```
#dec699 rgb(222,198,153)
```

Monochromatic Color

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

#cc8a5f
```
#cc8a5f rgb(204,138,95)
```
#cc935f
```
#cc935f rgb(204,147,95)
```
#cc9c5f
```
#cc9c5f rgb(204,156,95)
```
#cca55f
```
#cca55f rgb(204,165,95)
```
#ccae5f
```
#ccae5f rgb(204,174,95)
```
#ccb75f
```
#ccb75f rgb(204,183,95)
```
#ccc05f
```
#ccc05f rgb(204,192,95)
```

Similar Colors

Text with hexadecimal color #cca55f

This text has a font color of #cca55f.

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

#cca55f background color

This paragraph has a background color of #cca55f.

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

#cca55f border color

This element has a border color of #cca55f.

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

CSS codes

.text {color:#cca55f;}

.background {background-color:#cca55f;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#120e06
```
#120e06 rgb(18,14,6)
```
#21190b
```
#21190b rgb(33,25,11)
```
#30240f
```
#30240f rgb(48,36,15)
```
#3f3014
```
#3f3014 rgb(63,48,20)
```
#4e3b19
```
#4e3b19 rgb(78,59,25)
```
#5d461e
```
#5d461e rgb(93,70,30)
```
#6c5122
```
#6c5122 rgb(108,81,34)
```
#7b5d27
```
#7b5d27 rgb(123,93,39)
```
#89682c
```
#89682c rgb(137,104,44)
```
#987331
```
#987331 rgb(152,115,49)
```
#a77e35
```
#a77e35 rgb(167,126,53)
```
#b68a3a
```
#b68a3a rgb(182,138,58)
```

Shade Color Variation

#c39441
```
#c39441 rgb(195,148,65)
```
#c79d50
```
#c79d50 rgb(199,157,80)
```
#cca55f
```
#cca55f rgb(204,165,95)
```
#d1ad6e
```
#d1ad6e rgb(209,173,110)
```
#d5b67d
```
#d5b67d rgb(213,182,125)
```
#dabe8c
```
#dabe8c rgb(218,190,140)
```
#dfc69a
```
#dfc69a rgb(223,198,154)
```
#e4cfa9
```
#e4cfa9 rgb(228,207,169)
```
#e8d7b8
```
#e8d7b8 rgb(232,215,184)
```
#ede0c7
```
#ede0c7 rgb(237,224,199)
```
#f2e8d6
```
#f2e8d6 rgb(242,232,214)
```
#f7f0e5
```
#f7f0e5 rgb(247,240,229)
```
#fbf9f4
```
#fbf9f4 rgb(251,249,244)
```

Tint Color Variation

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

#9b9790
```
#9b9790 rgb(155,151,144)
```
#a39988
```
#a39988 rgb(163,153,136)
```
#ac9c7f
```
#ac9c7f rgb(172,156,127)
```
#b49e77
```
#b49e77 rgb(180,158,119)
```
#bca06f
```
#bca06f rgb(188,160,111)
```
#c4a367
```
#c4a367 rgb(196,163,103)
```
#cca55f
```
#cca55f rgb(204,165,95)
```
#d4a757
```
#d4a757 rgb(212,167,87)
```
#dcaa4f
```
#dcaa4f rgb(220,170,79)
```
#e4ac47
```
#e4ac47 rgb(228,172,71)
```
#ecae3f
```
#ecae3f rgb(236,174,63)
```
#f5b136
```
#f5b136 rgb(245,177,54)
```
#fdb32e
```
#fdb32e rgb(253,179,46)
```

Tone Color Variation

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

Dichromacy

#bfaf69 Protanopia 1% of men
#d3a767 Deuteranopia 1% of men
#d5a1ac Tritanopia 0.001% of the population

Trichromacy

#c3ab65 Protanomaly 1% of men, 0.01% of women
#d0a664 Deuteranomaly 6% of men, 0.4% of women
#d2a290 Tritanomaly 0.01% of the population

#cca55f hex color

#cca55f Color Information

#cca55f Color Conversion

Color Schemes with #cca55f

Alternatives to #cca55f

#cca55f Preview

Shades and Tints of #cca55f

Tones of #cca55f

Color Blindness Simulator