colorhexa.com

#ccae5f hex color

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

- R 80
- G 68
- B 37
RGB color chart
- C 0
- M 15
- Y 53
- K 20
CMYK color chart

● #ccae5f color description : Moderate orange.

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

Hex triplet	ccae5f	`#ccae5f`
RGB Decimal	204, 174, 95	`rgb(204,174,95)`
RGB Percent	80, 68.2, 37.3	`rgb(80%,68.2%,37.3%)`
CMYK	0, 15, 53, 20
HSL	43.5°, 51.7, 58.6	`hsl(43.5,51.7%,58.6%)`
HSV (or HSB)	43.5°, 53.4, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	72.186, 1.037, 44.164
XYZ	42.104, 43.937, 17.089
xyY	0.408, 0.426, 43.937
CIE-LCH	72.186, 44.176, 88.655
CIE-LUV	72.186, 24.388, 53.686
Hunter-Lab	66.285, -2.618, 31.114
Binary	11001100, 10101110, 01011111

#ccae5f
```
#ccae5f rgb(204,174,95)
```
#5f7dcc
```
#5f7dcc rgb(95,125,204)
```

Complementary Color

#cc785f
```
#cc785f rgb(204,120,95)
```
#ccae5f
```
#ccae5f rgb(204,174,95)
```
#b4cc5f
```
#b4cc5f rgb(180,204,95)
```

Analogous Color

#785fcc
```
#785fcc rgb(120,95,204)
```
#ccae5f
```
#ccae5f rgb(204,174,95)
```
#5fb4cc
```
#5fb4cc rgb(95,180,204)
```

Split Complementary Color

#ae5fcc
```
#ae5fcc rgb(174,95,204)
```
#ccae5f
```
#ccae5f rgb(204,174,95)
```
#5fccae
```
#5fccae rgb(95,204,174)
```

Triadic Color

#cc5f7d
```
#cc5f7d rgb(204,95,125)
```
#ccae5f
```
#ccae5f rgb(204,174,95)
```
#5fccae
```
#5fccae rgb(95,204,174)
```
#5f7dcc
```
#5f7dcc rgb(95,125,204)
```

Tetradic Color

#a98936
```
#a98936 rgb(169,137,54)
```
#bc993c
```
#bc993c rgb(188,153,60)
```
#c6a44c
```
#c6a44c rgb(198,164,76)
```
#ccae5f
```
#ccae5f rgb(204,174,95)
```
#d2b872
```
#d2b872 rgb(210,184,114)
```
#d8c286
```
#d8c286 rgb(216,194,134)
```
#decb99
```
#decb99 rgb(222,203,153)
```

Monochromatic Color

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

#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)
```
#ccc95f
```
#ccc95f rgb(204,201,95)
```

Similar Colors

Text with hexadecimal color #ccae5f

This text has a font color of #ccae5f.

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

#ccae5f background color

This paragraph has a background color of #ccae5f.

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

#ccae5f border color

This element has a border color of #ccae5f.

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

CSS codes

.text {color:#ccae5f;}

.background {background-color:#ccae5f;}

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

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)
```
#120f06
```
#120f06 rgb(18,15,6)
```
#211b0b
```
#211b0b rgb(33,27,11)
```
#30270f
```
#30270f rgb(48,39,15)
```
#3f3314
```
#3f3314 rgb(63,51,20)
```
#4e3f19
```
#4e3f19 rgb(78,63,25)
```
#5d4b1e
```
#5d4b1e rgb(93,75,30)
```
#6c5822
```
#6c5822 rgb(108,88,34)
```
#7b6427
```
#7b6427 rgb(123,100,39)
```
#89702c
```
#89702c rgb(137,112,44)
```
#987c31
```
#987c31 rgb(152,124,49)
```
#a78835
```
#a78835 rgb(167,136,53)
```
#b6943a
```
#b6943a rgb(182,148,58)
```

Shade Color Variation

#c39f41
```
#c39f41 rgb(195,159,65)
```
#c7a650
```
#c7a650 rgb(199,166,80)
```
#ccae5f
```
#ccae5f rgb(204,174,95)
```
#d1b66e
```
#d1b66e rgb(209,182,110)
```
#d5bd7d
```
#d5bd7d rgb(213,189,125)
```
#dac58c
```
#dac58c rgb(218,197,140)
```
#dfcc9a
```
#dfcc9a rgb(223,204,154)
```
#e4d4a9
```
#e4d4a9 rgb(228,212,169)
```
#e8dbb8
```
#e8dbb8 rgb(232,219,184)
```
#ede3c7
```
#ede3c7 rgb(237,227,199)
```
#f2ead6
```
#f2ead6 rgb(242,234,214)
```
#f7f2e5
```
#f7f2e5 rgb(247,242,229)
```
#fbf9f4
```
#fbf9f4 rgb(251,249,244)
```

Tint Color Variation

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

#9b9890
```
#9b9890 rgb(155,152,144)
```
#a39c88
```
#a39c88 rgb(163,156,136)
```
#ac9f7f
```
#ac9f7f rgb(172,159,127)
```
#b4a377
```
#b4a377 rgb(180,163,119)
```
#bca76f
```
#bca76f rgb(188,167,111)
```
#c4aa67
```
#c4aa67 rgb(196,170,103)
```
#ccae5f
```
#ccae5f rgb(204,174,95)
```
#d4b257
```
#d4b257 rgb(212,178,87)
```
#dcb54f
```
#dcb54f rgb(220,181,79)
```
#e4b947
```
#e4b947 rgb(228,185,71)
```
#ecbd3f
```
#ecbd3f rgb(236,189,63)
```
#f5c036
```
#f5c036 rgb(245,192,54)
```
#fdc42e
```
#fdc42e rgb(253,196,46)
```

Tone Color Variation

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

#c6b568 Protanopia 1% of men
#dbad68 Deuteranopia 1% of men
#d6a9b4 Tritanopia 0.001% of the population

Trichromacy

#c8b264 Protanomaly 1% of men, 0.01% of women
#d5ad65 Deuteranomaly 6% of men, 0.4% of women
#d2aa95 Tritanomaly 0.01% of the population