#ccae65 hex color

In a RGB color space, hex #ccae65 is composed of 80% red, 68.2% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.7% magenta, 50.5% yellow and 20% black. It has a hue angle of 42.5 degrees, a saturation of 50.2% and a lightness of 59.8%. #ccae65 color hex could be obtained by blending #ffffca with #995d00. Closest websafe color is: #cc9966.

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

● #ccae65 color description : Moderate orange.

The hexadecimal color #ccae65 has RGB values of R:204, G:174, B:101 and CMYK values of C:0, M:0.15, Y:0.5, K:0.2. Its decimal value is 13413989.

Hex triplet	ccae65	`#ccae65`
RGB Decimal	204, 174, 101	`rgb(204,174,101)`
RGB Percent	80, 68.2, 39.6	`rgb(80%,68.2%,39.6%)`
CMYK	0, 15, 50, 20
HSL	42.5°, 50.2, 59.8	`hsl(42.5,50.2%,59.8%)`
HSV (or HSB)	42.5°, 50.5, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	72.262, 1.563, 41.242
XYZ	42.387, 44.05, 18.581
xyY	0.404, 0.419, 44.05
CIE-LCH	72.262, 41.271, 87.829
CIE-LUV	72.262, 24.027, 50.802
Hunter-Lab	66.371, -2.151, 29.861
Binary	11001100, 10101110, 01100101

#ccae65
```
#ccae65 rgb(204,174,101)
```
#6583cc
```
#6583cc rgb(101,131,204)
```

Complementary Color

#cc7b65
```
#cc7b65 rgb(204,123,101)
```
#ccae65
```
#ccae65 rgb(204,174,101)
```
#b7cc65
```
#b7cc65 rgb(183,204,101)
```

Analogous Color

#7b65cc
```
#7b65cc rgb(123,101,204)
```
#ccae65
```
#ccae65 rgb(204,174,101)
```
#65b7cc
```
#65b7cc rgb(101,183,204)
```

Split Complementary Color

#ae65cc
```
#ae65cc rgb(174,101,204)
```
#ccae65
```
#ccae65 rgb(204,174,101)
```
#65ccae
```
#65ccae rgb(101,204,174)
```

Triadic Color

#cc6583
```
#cc6583 rgb(204,101,131)
```
#ccae65
```
#ccae65 rgb(204,174,101)
```
#65ccae
```
#65ccae rgb(101,204,174)
```
#6583cc
```
#6583cc rgb(101,131,204)
```

Tetradic Color

#ac8a39
```
#ac8a39 rgb(172,138,57)
```
#bf9a3f
```
#bf9a3f rgb(191,154,63)
```
#c6a452
```
#c6a452 rgb(198,164,82)
```
#ccae65
```
#ccae65 rgb(204,174,101)
```
#d2b878
```
#d2b878 rgb(210,184,120)
```
#d9c28b
```
#d9c28b rgb(217,194,139)
```
#dfcc9e
```
#dfcc9e rgb(223,204,158)
```

Monochromatic Color

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

#cc9465
```
#cc9465 rgb(204,148,101)
```
#cc9d65
```
#cc9d65 rgb(204,157,101)
```
#cca565
```
#cca565 rgb(204,165,101)
```
#ccae65
```
#ccae65 rgb(204,174,101)
```
#ccb765
```
#ccb765 rgb(204,183,101)
```
#ccbf65
```
#ccbf65 rgb(204,191,101)
```
#ccc865
```
#ccc865 rgb(204,200,101)
```

Similar Colors

Text with hexadecimal color #ccae65

This text has a font color of #ccae65.

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

#ccae65 background color

This paragraph has a background color of #ccae65.

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

#ccae65 border color

This element has a border color of #ccae65.

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

CSS codes

.text {color:#ccae65;}

.background {background-color:#ccae65;}

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

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

#080703
```
#080703 rgb(8,7,3)
```
#171208
```
#171208 rgb(23,18,8)
```
#261e0c
```
#261e0c rgb(38,30,12)
```
#342a11
```
#342a11 rgb(52,42,17)
```
#433616
```
#433616 rgb(67,54,22)
```
#52421b
```
#52421b rgb(82,66,27)
```
#614e20
```
#614e20 rgb(97,78,32)
```
#6f5a25
```
#6f5a25 rgb(111,90,37)
```
#7e652a
```
#7e652a rgb(126,101,42)
```
#8d712f
```
#8d712f rgb(141,113,47)
```
#9b7d33
```
#9b7d33 rgb(155,125,51)
```
#aa8938
```
#aa8938 rgb(170,137,56)
```
#b9953d
```
#b9953d rgb(185,149,61)
```

Shade Color Variation

#c29e48
```
#c29e48 rgb(194,158,72)
```
#c7a656
```
#c7a656 rgb(199,166,86)
```
#ccae65
```
#ccae65 rgb(204,174,101)
```
#d1b674
```
#d1b674 rgb(209,182,116)
```
#d6be82
```
#d6be82 rgb(214,190,130)
```
#dbc591
```
#dbc591 rgb(219,197,145)
```
#e0cda0
```
#e0cda0 rgb(224,205,160)
```
#e4d5af
```
#e4d5af rgb(228,213,175)
```
#e9ddbd
```
#e9ddbd rgb(233,221,189)
```
#eee4cc
```
#eee4cc rgb(238,228,204)
```
#f3ecdb
```
#f3ecdb rgb(243,236,219)
```
#f8f4ea
```
#f8f4ea rgb(248,244,234)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,248)
```

Tint Color Variation

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

#9d9a94
```
#9d9a94 rgb(157,154,148)
```
#a59e8c
```
#a59e8c rgb(165,158,140)
```
#aca185
```
#aca185 rgb(172,161,133)
```
#b4a47d
```
#b4a47d rgb(180,164,125)
```
#bca775
```
#bca775 rgb(188,167,117)
```
#c4ab6d
```
#c4ab6d rgb(196,171,109)
```
#ccae65
```
#ccae65 rgb(204,174,101)
```
#d4b15d
```
#d4b15d rgb(212,177,93)
```
#dcb555
```
#dcb555 rgb(220,181,85)
```
#e4b84d
```
#e4b84d rgb(228,184,77)
```
#ecbb45
```
#ecbb45 rgb(236,187,69)
```
#f3be3e
```
#f3be3e rgb(243,190,62)
```
#fbc236
```
#fbc236 rgb(251,194,54)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b5afa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b56e Protanopia 1% of men
#daad6e Deuteranopia 1% of men
#d6a9b5 Tritanopia 0.001% of the population

Trichromacy

#c8b26a Protanomaly 1% of men, 0.01% of women
#d5ad6b Deuteranomaly 6% of men, 0.4% of women
#d2ab98 Tritanomaly 0.01% of the population

#ccae65 hex color

#ccae65 Color Information

#ccae65 Color Conversion

Color Schemes with #ccae65

Alternatives to #ccae65

#ccae65 Preview

Shades and Tints of #ccae65

Tones of #ccae65

Color Blindness Simulator