#ccaa75 hex color

In a RGB color space, hex #ccaa75 is composed of 80% red, 66.7% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.7% magenta, 42.6% yellow and 20% black. It has a hue angle of 36.6 degrees, a saturation of 46% and a lightness of 62.9%. #ccaa75 color hex could be obtained by blending #ffffea with #995500. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 80
- G 67
- B 46
RGB color chart
- C 0
- M 17
- Y 43
- K 20
CMYK color chart

● #ccaa75 color description : Slightly desaturated orange.

The hexadecimal color #ccaa75 has RGB values of R:204, G:170, B:117 and CMYK values of C:0, M:0.17, Y:0.43, K:0.2. Its decimal value is 13412981.

Hex triplet	ccaa75	`#ccaa75`
RGB Decimal	204, 170, 117	`rgb(204,170,117)`
RGB Percent	80, 66.7, 45.9	`rgb(80%,66.7%,45.9%)`
CMYK	0, 17, 43, 20
HSL	36.6°, 46, 62.9	`hsl(36.6,46%,62.9%)`
HSV (or HSB)	36.6°, 42.6, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	71.468, 5.287, 31.928
XYZ	42.487, 42.873, 22.866
xyY	0.393, 0.396, 42.873
CIE-LCH	71.468, 32.363, 80.599
CIE-LUV	71.468, 25.555, 40.218
Hunter-Lab	65.477, 1.242, 25.129
Binary	11001100, 10101010, 01110101

#ccaa75
```
#ccaa75 rgb(204,170,117)
```
#7597cc
```
#7597cc rgb(117,151,204)
```

Complementary Color

#cc7f75
```
#cc7f75 rgb(204,127,117)
```
#ccaa75
```
#ccaa75 rgb(204,170,117)
```
#c3cc75
```
#c3cc75 rgb(195,204,117)
```

Analogous Color

#7f75cc
```
#7f75cc rgb(127,117,204)
```
#ccaa75
```
#ccaa75 rgb(204,170,117)
```
#75c3cc
```
#75c3cc rgb(117,195,204)
```

Split Complementary Color

#aa75cc
```
#aa75cc rgb(170,117,204)
```
#ccaa75
```
#ccaa75 rgb(204,170,117)
```
#75ccaa
```
#75ccaa rgb(117,204,170)
```

Triadic Color

#cc7597
```
#cc7597 rgb(204,117,151)
```
#ccaa75
```
#ccaa75 rgb(204,170,117)
```
#75ccaa
```
#75ccaa rgb(117,204,170)
```
#7597cc
```
#7597cc rgb(117,151,204)
```

Tetradic Color

#b38742
```
#b38742 rgb(179,135,66)
```
#be9350
```
#be9350 rgb(190,147,80)
```
#c59f62
```
#c59f62 rgb(197,159,98)
```
#ccaa75
```
#ccaa75 rgb(204,170,117)
```
#d3b588
```
#d3b588 rgb(211,181,136)
```
#dac19a
```
#dac19a rgb(218,193,154)
```
#e1ccad
```
#e1ccad rgb(225,204,173)
```

Monochromatic Color

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

#cc9475
```
#cc9475 rgb(204,148,117)
```
#cc9c75
```
#cc9c75 rgb(204,156,117)
```
#cca375
```
#cca375 rgb(204,163,117)
```
#ccaa75
```
#ccaa75 rgb(204,170,117)
```
#ccb175
```
#ccb175 rgb(204,177,117)
```
#ccb975
```
#ccb975 rgb(204,185,117)
```
#ccc075
```
#ccc075 rgb(204,192,117)
```

Similar Colors

Text with hexadecimal color #ccaa75

This text has a font color of #ccaa75.

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

#ccaa75 background color

This paragraph has a background color of #ccaa75.

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

#ccaa75 border color

This element has a border color of #ccaa75.

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

CSS codes

.text {color:#ccaa75;}

.background {background-color:#ccaa75;}

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

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

#050402
```
#050402 rgb(5,4,2)
```
#140f07
```
#140f07 rgb(20,15,7)
```
#221a0d
```
#221a0d rgb(34,26,13)
```
#302412
```
#302412 rgb(48,36,18)
```
#3f2f17
```
#3f2f17 rgb(63,47,23)
```
#4d3a1c
```
#4d3a1c rgb(77,58,28)
```
#5b4522
```
#5b4522 rgb(91,69,34)
```
#694f27
```
#694f27 rgb(105,79,39)
```
#785a2c
```
#785a2c rgb(120,90,44)
```
#866532
```
#866532 rgb(134,101,50)
```
#947037
```
#947037 rgb(148,112,55)
```
#a37b3c
```
#a37b3c rgb(163,123,60)
```
#b18541
```
#b18541 rgb(177,133,65)
```

Shade Color Variation

#bc904a
```
#bc904a rgb(188,144,74)
```
#c19858
```
#c19858 rgb(193,152,88)
```
#c7a167
```
#c7a167 rgb(199,161,103)
```
#ccaa75
```
#ccaa75 rgb(204,170,117)
```
#d1b383
```
#d1b383 rgb(209,179,131)
```
#d7bc92
```
#d7bc92 rgb(215,188,146)
```
#dcc4a0
```
#dcc4a0 rgb(220,196,160)
```
#e1cdae
```
#e1cdae rgb(225,205,174)
```
#e6d6bd
```
#e6d6bd rgb(230,214,189)
```
#ecdfcb
```
#ecdfcb rgb(236,223,203)
```
#f1e8d9
```
#f1e8d9 rgb(241,232,217)
```
#f6f1e8
```
#f6f1e8 rgb(246,241,232)
```
#fcf9f6
```
#fcf9f6 rgb(252,249,246)
```

Tint Color Variation

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

#a8a299
```
#a8a299 rgb(168,162,153)
```
#afa492
```
#afa492 rgb(175,164,146)
```
#b6a58b
```
#b6a58b rgb(182,165,139)
```
#bda784
```
#bda784 rgb(189,167,132)
```
#c5a87c
```
#c5a87c rgb(197,168,124)
```
#ccaa75
```
#ccaa75 rgb(204,170,117)
```
#d3ac6e
```
#d3ac6e rgb(211,172,110)
```
#dbad66
```
#dbad66 rgb(219,173,102)
```
#e2af5f
```
#e2af5f rgb(226,175,95)
```
#e9b058
```
#e9b058 rgb(233,176,88)
```
#f0b251
```
#f0b251 rgb(240,178,81)
```
#f8b449
```
#f8b449 rgb(248,180,73)
```
#ffb542
```
#ffb542 rgb(255,181,66)
```

Tone Color Variation

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

Dichromacy

#c1b37d Protanopia 1% of men
#d4ab7c Deuteranopia 1% of men
#d4a7b2 Tritanopia 0.001% of the population

Trichromacy

#c5af7a Protanomaly 1% of men, 0.01% of women
#d1ab7a Deuteranomaly 6% of men, 0.4% of women
#d1a89c Tritanomaly 0.01% of the population

#ccaa75 hex color

#ccaa75 Color Information

#ccaa75 Color Conversion

Color Schemes with #ccaa75

Alternatives to #ccaa75

#ccaa75 Preview

Shades and Tints of #ccaa75

Tones of #ccaa75

Color Blindness Simulator