colorhexa.com

#ccaa4e hex color

In a RGB color space, hex #ccaa4e is composed of 80% red, 66.7% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.7% magenta, 61.8% yellow and 20% black. It has a hue angle of 43.8 degrees, a saturation of 55.3% and a lightness of 55.3%. #ccaa4e color hex could be obtained by blending #ffff9c with #995500. Closest websafe color is: #cc9966.

- R 80
- G 67
- B 31
RGB color chart
- C 0
- M 17
- Y 62
- K 20
CMYK color chart

● #ccaa4e color description : Moderate orange.

The hexadecimal color #ccaa4e has RGB values of R:204, G:170, B:78 and CMYK values of C:0, M:0.17, Y:0.62, K:0.2. Its decimal value is 13412942.

Hex triplet	ccaa4e	`#ccaa4e`
RGB Decimal	204, 170, 78	`rgb(204,170,78)`
RGB Percent	80, 66.7, 30.6	`rgb(80%,66.7%,30.6%)`
CMYK	0, 17, 62, 20
HSL	43.8°, 55.3, 55.3	`hsl(43.8,55.3%,55.3%)`
HSV (or HSB)	43.8°, 61.8, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.966, 1.865, 50.958
XYZ	40.652, 42.138, 13.2
xyY	0.424, 0.439, 42.138
CIE-LCH	70.966, 50.992, 87.904
CIE-LUV	70.966, 28.08, 59.106
Hunter-Lab	64.914, -1.815, 33.384
Binary	11001100, 10101010, 01001110

#ccaa4e
```
#ccaa4e rgb(204,170,78)
```
#4e70cc
```
#4e70cc rgb(78,112,204)
```

Complementary Color

#cc6b4e
```
#cc6b4e rgb(204,107,78)
```
#ccaa4e
```
#ccaa4e rgb(204,170,78)
```
#afcc4e
```
#afcc4e rgb(175,204,78)
```

Analogous Color

#6b4ecc
```
#6b4ecc rgb(107,78,204)
```
#ccaa4e
```
#ccaa4e rgb(204,170,78)
```
#4eafcc
```
#4eafcc rgb(78,175,204)
```

Split Complementary Color

#aa4ecc
```
#aa4ecc rgb(170,78,204)
```
#ccaa4e
```
#ccaa4e rgb(204,170,78)
```
#4eccaa
```
#4eccaa rgb(78,204,170)
```

Triadic Color

#cc4e70
```
#cc4e70 rgb(204,78,112)
```
#ccaa4e
```
#ccaa4e rgb(204,170,78)
```
#4eccaa
```
#4eccaa rgb(78,204,170)
```
#4e70cc
```
#4e70cc rgb(78,112,204)
```

Tetradic Color

#a0812e
```
#a0812e rgb(160,129,46)
```
#b39134
```
#b39134 rgb(179,145,52)
```
#c6a03a
```
#c6a03a rgb(198,160,58)
```
#ccaa4e
```
#ccaa4e rgb(204,170,78)
```
#d2b462
```
#d2b462 rgb(210,180,98)
```
#d7bd76
```
#d7bd76 rgb(215,189,118)
```
#ddc789
```
#ddc789 rgb(221,199,137)
```

Monochromatic Color

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

#cc8b4e
```
#cc8b4e rgb(204,139,78)
```
#cc954e
```
#cc954e rgb(204,149,78)
```
#cca04e
```
#cca04e rgb(204,160,78)
```
#ccaa4e
```
#ccaa4e rgb(204,170,78)
```
#ccb54e
```
#ccb54e rgb(204,181,78)
```
#ccbf4e
```
#ccbf4e rgb(204,191,78)
```
#ccca4e
```
#ccca4e rgb(204,202,78)
```

Similar Colors

Text with hexadecimal color #ccaa4e

This text has a font color of #ccaa4e.

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

#ccaa4e background color

This paragraph has a background color of #ccaa4e.

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

#ccaa4e border color

This element has a border color of #ccaa4e.

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

CSS codes

.text {color:#ccaa4e;}

.background {background-color:#ccaa4e;}

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

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

#060502
```
#060502 rgb(6,5,2)
```
#151106
```
#151106 rgb(21,17,6)
```
#241d0a
```
#241d0a rgb(36,29,10)
```
#332a0f
```
#332a0f rgb(51,42,15)
```
#433613
```
#433613 rgb(67,54,19)
```
#524218
```
#524218 rgb(82,66,24)
```
#614e1c
```
#614e1c rgb(97,78,28)
```
#705b20
```
#705b20 rgb(112,91,32)
```
#806725
```
#806725 rgb(128,103,37)
```
#8f7329
```
#8f7329 rgb(143,115,41)
```
#9e802e
```
#9e802e rgb(158,128,46)
```
#ad8c32
```
#ad8c32 rgb(173,140,50)
```
#bc9836
```
#bc9836 rgb(188,152,54)
```

Shade Color Variation

#c8a33f
```
#c8a33f rgb(200,163,63)
```
#ccaa4e
```
#ccaa4e rgb(204,170,78)
```
#d0b15d
```
#d0b15d rgb(208,177,93)
```
#d5b96c
```
#d5b96c rgb(213,185,108)
```
#d9c07c
```
#d9c07c rgb(217,192,124)
```
#dec78b
```
#dec78b rgb(222,199,139)
```
#e2cf9a
```
#e2cf9a rgb(226,207,154)
```
#e6d6a9
```
#e6d6a9 rgb(230,214,169)
```
#ebddb9
```
#ebddb9 rgb(235,221,185)
```
#efe5c8
```
#efe5c8 rgb(239,229,200)
```
#f3ecd7
```
#f3ecd7 rgb(243,236,215)
```
#f8f3e6
```
#f8f3e6 rgb(248,243,230)
```
#fcfaf6
```
#fcfaf6 rgb(252,250,246)
```

Tint Color Variation

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

#8f8e8b
```
#8f8e8b rgb(143,142,139)
```
#979283
```
#979283 rgb(151,146,131)
```
#a0967a
```
#a0967a rgb(160,150,122)
```
#a99a71
```
#a99a71 rgb(169,154,113)
```
#b29e68
```
#b29e68 rgb(178,158,104)
```
#baa260
```
#baa260 rgb(186,162,96)
```
#c3a657
```
#c3a657 rgb(195,166,87)
```
#ccaa4e
```
#ccaa4e rgb(204,170,78)
```
#d5ae45
```
#d5ae45 rgb(213,174,69)
```
#deb23c
```
#deb23c rgb(222,178,60)
```
#e6b634
```
#e6b634 rgb(230,182,52)
```
#efba2b
```
#efba2b rgb(239,186,43)
```
#f8be22
```
#f8be22 rgb(248,190,34)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b1aa98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b258 Protanopia 1% of men
#d9a958 Deuteranopia 1% of men
#d6a4b0 Tritanopia 0.001% of the population

Trichromacy

#c7af54 Protanomaly 1% of men, 0.01% of women
#d4a954 Deuteranomaly 6% of men, 0.4% of women
#d2a68c Tritanomaly 0.01% of the population