#ccae60 hex color

In a RGB color space, hex #ccae60 is composed of 80% red, 68.2% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.7% magenta, 52.9% yellow and 20% black. It has a hue angle of 43.3 degrees, a saturation of 51.4% and a lightness of 58.8%. #ccae60 color hex could be obtained by blending #ffffc0 with #995d00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 80
- G 68
- B 38
RGB color chart
- C 0
- M 15
- Y 53
- K 20
CMYK color chart

● #ccae60 color description : Moderate orange.

The hexadecimal color #ccae60 has RGB values of R:204, G:174, B:96 and CMYK values of C:0, M:0.15, Y:0.53, K:0.2. Its decimal value is 13413984.

Hex triplet	ccae60	`#ccae60`
RGB Decimal	204, 174, 96	`rgb(204,174,96)`
RGB Percent	80, 68.2, 37.6	`rgb(80%,68.2%,37.6%)`
CMYK	0, 15, 53, 20
HSL	43.3°, 51.4, 58.8	`hsl(43.3,51.4%,58.8%)`
HSV (or HSB)	43.3°, 52.9, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	72.199, 1.122, 43.68
XYZ	42.149, 43.955, 17.33
xyY	0.407, 0.425, 43.955
CIE-LCH	72.199, 43.695, 88.528
CIE-LUV	72.199, 24.329, 53.217
Hunter-Lab	66.299, -2.542, 30.911
Binary	11001100, 10101110, 01100000

#ccae60
```
#ccae60 rgb(204,174,96)
```
#607ecc
```
#607ecc rgb(96,126,204)
```

Complementary Color

#cc7860
```
#cc7860 rgb(204,120,96)
```
#ccae60
```
#ccae60 rgb(204,174,96)
```
#b4cc60
```
#b4cc60 rgb(180,204,96)
```

Analogous Color

#7860cc
```
#7860cc rgb(120,96,204)
```
#ccae60
```
#ccae60 rgb(204,174,96)
```
#60b4cc
```
#60b4cc rgb(96,180,204)
```

Split Complementary Color

#ae60cc
```
#ae60cc rgb(174,96,204)
```
#ccae60
```
#ccae60 rgb(204,174,96)
```
#60ccae
```
#60ccae rgb(96,204,174)
```

Triadic Color

#cc607e
```
#cc607e rgb(204,96,126)
```
#ccae60
```
#ccae60 rgb(204,174,96)
```
#60ccae
```
#60ccae rgb(96,204,174)
```
#607ecc
```
#607ecc rgb(96,126,204)
```

Tetradic Color

#a98936
```
#a98936 rgb(169,137,54)
```
#bd993c
```
#bd993c rgb(189,153,60)
```
#c6a44d
```
#c6a44d rgb(198,164,77)
```
#ccae60
```
#ccae60 rgb(204,174,96)
```
#d2b873
```
#d2b873 rgb(210,184,115)
```
#d8c287
```
#d8c287 rgb(216,194,135)
```
#dfcc9a
```
#dfcc9a rgb(223,204,154)
```

Monochromatic Color

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

#cc9360
```
#cc9360 rgb(204,147,96)
```
#cc9c60
```
#cc9c60 rgb(204,156,96)
```
#cca560
```
#cca560 rgb(204,165,96)
```
#ccae60
```
#ccae60 rgb(204,174,96)
```
#ccb760
```
#ccb760 rgb(204,183,96)
```
#ccc060
```
#ccc060 rgb(204,192,96)
```
#ccc960
```
#ccc960 rgb(204,201,96)
```

Similar Colors

Text with hexadecimal color #ccae60

This text has a font color of #ccae60.

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

#ccae60 background color

This paragraph has a background color of #ccae60.

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

#ccae60 border color

This element has a border color of #ccae60.

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

CSS codes

.text {color:#ccae60;}

.background {background-color:#ccae60;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#131006
```
#131006 rgb(19,16,6)
```
#221c0b
```
#221c0b rgb(34,28,11)
```
#312810
```
#312810 rgb(49,40,16)
```
#403414
```
#403414 rgb(64,52,20)
```
#4f4019
```
#4f4019 rgb(79,64,25)
```
#5d4c1e
```
#5d4c1e rgb(93,76,30)
```
#6c5823
```
#6c5823 rgb(108,88,35)
```
#7b6428
```
#7b6428 rgb(123,100,40)
```
#8a702c
```
#8a702c rgb(138,112,44)
```
#997c31
```
#997c31 rgb(153,124,49)
```
#a88836
```
#a88836 rgb(168,136,54)
```
#b7943b
```
#b7943b rgb(183,148,59)
```

Shade Color Variation

#c29f42
```
#c29f42 rgb(194,159,66)
```
#c7a651
```
#c7a651 rgb(199,166,81)
```
#ccae60
```
#ccae60 rgb(204,174,96)
```
#d1b66f
```
#d1b66f rgb(209,182,111)
```
#d6bd7e
```
#d6bd7e rgb(214,189,126)
```
#dac58d
```
#dac58d rgb(218,197,141)
```
#dfcc9b
```
#dfcc9b rgb(223,204,155)
```
#e4d4aa
```
#e4d4aa rgb(228,212,170)
```
#e9dbb9
```
#e9dbb9 rgb(233,219,185)
```
#ede3c8
```
#ede3c8 rgb(237,227,200)
```
#f2ebd7
```
#f2ebd7 rgb(242,235,215)
```
#f7f2e6
```
#f7f2e6 rgb(247,242,230)
```
#fcfaf5
```
#fcfaf5 rgb(252,250,245)
```

Tint Color Variation

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

#9c9890
```
#9c9890 rgb(156,152,144)
```
#a49c88
```
#a49c88 rgb(164,156,136)
```
#aca080
```
#aca080 rgb(172,160,128)
```
#b4a378
```
#b4a378 rgb(180,163,120)
```
#bca770
```
#bca770 rgb(188,167,112)
```
#c4aa68
```
#c4aa68 rgb(196,170,104)
```
#ccae60
```
#ccae60 rgb(204,174,96)
```
#d4b258
```
#d4b258 rgb(212,178,88)
```
#dcb550
```
#dcb550 rgb(220,181,80)
```
#e4b948
```
#e4b948 rgb(228,185,72)
```
#ecbc40
```
#ecbc40 rgb(236,188,64)
```
#f4c038
```
#f4c038 rgb(244,192,56)
```
#fcc430
```
#fcc430 rgb(252,196,48)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b4ae9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b569 Protanopia 1% of men
#dbad69 Deuteranopia 1% of men
#d6a9b5 Tritanopia 0.001% of the population

Trichromacy

#c8b265 Protanomaly 1% of men, 0.01% of women
#d5ad66 Deuteranomaly 6% of men, 0.4% of women
#d2aa96 Tritanomaly 0.01% of the population

#ccae60 hex color

#ccae60 Color Information

#ccae60 Color Conversion

Color Schemes with #ccae60

Alternatives to #ccae60

#ccae60 Preview

Shades and Tints of #ccae60

Tones of #ccae60

Color Blindness Simulator