#ccaa99 hex color

In a RGB color space, hex #ccaa99 is composed of 80% red, 66.7% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.7% magenta, 25% yellow and 20% black. It has a hue angle of 20 degrees, a saturation of 33.3% and a lightness of 70%. #ccaa99 color hex could be obtained by blending #ffffff with #995533. Closest websafe color is: #cc9999.

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

● #ccaa99 color description : Slightly desaturated orange.

The hexadecimal color #ccaa99 has RGB values of R:204, G:170, B:153 and CMYK values of C:0, M:0.17, Y:0.25, K:0.2. Its decimal value is 13413017.

Hex triplet	ccaa99	`#ccaa99`
RGB Decimal	204, 170, 153	`rgb(204,170,153)`
RGB Percent	80, 66.7, 60	`rgb(80%,66.7%,60%)`
CMYK	0, 17, 25, 20
HSL	20°, 33.3, 70	`hsl(20,33.3%,70%)`
HSV (or HSB)	20°, 25, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	72.154, 9.8, 13.393
XYZ	45.026, 43.888, 36.235
xyY	0.36, 0.351, 43.888
CIE-LCH	72.154, 16.595, 53.805
CIE-LUV	72.154, 22.464, 16.956
Hunter-Lab	66.248, 5.384, 13.945
Binary	11001100, 10101010, 10011001

#ccaa99
```
#ccaa99 rgb(204,170,153)
```
#99bbcc
```
#99bbcc rgb(153,187,204)
```

Complementary Color

#cc99a2
```
#cc99a2 rgb(204,153,162)
```
#ccaa99
```
#ccaa99 rgb(204,170,153)
```
#ccc499
```
#ccc499 rgb(204,196,153)
```

Analogous Color

#99a2cc
```
#99a2cc rgb(153,162,204)
```
#ccaa99
```
#ccaa99 rgb(204,170,153)
```
#99ccc4
```
#99ccc4 rgb(153,204,196)
```

Split Complementary Color

#aa99cc
```
#aa99cc rgb(170,153,204)
```
#ccaa99
```
#ccaa99 rgb(204,170,153)
```
#99ccaa
```
#99ccaa rgb(153,204,170)
```

Triadic Color

#cc99bb
```
#cc99bb rgb(204,153,187)
```
#ccaa99
```
#ccaa99 rgb(204,170,153)
```
#99ccaa
```
#99ccaa rgb(153,204,170)
```
#99bbcc
```
#99bbcc rgb(153,187,204)
```

Tetradic Color

#b38066
```
#b38066 rgb(179,128,102)
```
#bb8e77
```
#bb8e77 rgb(187,142,119)
```
#c49c88
```
#c49c88 rgb(196,156,136)
```
#ccaa99
```
#ccaa99 rgb(204,170,153)
```
#d5b8aa
```
#d5b8aa rgb(213,184,170)
```
#ddc6bb
```
#ddc6bb rgb(221,198,187)
```
#e6d5cc
```
#e6d5cc rgb(230,213,204)
```

Monochromatic Color

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

#cc9d99
```
#cc9d99 rgb(204,157,153)
```
#cca299
```
#cca299 rgb(204,162,153)
```
#cca699
```
#cca699 rgb(204,166,153)
```
#ccaa99
```
#ccaa99 rgb(204,170,153)
```
#ccae99
```
#ccae99 rgb(204,174,153)
```
#ccb399
```
#ccb399 rgb(204,179,153)
```
#ccb799
```
#ccb799 rgb(204,183,153)
```

Similar Colors

Text with hexadecimal color #ccaa99

This text has a font color of #ccaa99.

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

#ccaa99 background color

This paragraph has a background color of #ccaa99.

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

#ccaa99 border color

This element has a border color of #ccaa99.

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

CSS codes

.text {color:#ccaa99;}

.background {background-color:#ccaa99;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#100a08
```
#100a08 rgb(16,10,8)
```
#1d130e
```
#1d130e rgb(29,19,14)
```
#2a1c15
```
#2a1c15 rgb(42,28,21)
```
#37251b
```
#37251b rgb(55,37,27)
```
#442d22
```
#442d22 rgb(68,45,34)
```
#513629
```
#513629 rgb(81,54,41)
```
#5e3f2f
```
#5e3f2f rgb(94,63,47)
```
#6b4736
```
#6b4736 rgb(107,71,54)
```
#78503c
```
#78503c rgb(120,80,60)
```
#855943
```
#855943 rgb(133,89,67)
```
#926249
```
#926249 rgb(146,98,73)
```
#a06a50
```
#a06a50 rgb(160,106,80)
```

Shade Color Variation

#ab7458
```
#ab7458 rgb(171,116,88)
```
#b27e65
```
#b27e65 rgb(178,126,101)
```
#b88972
```
#b88972 rgb(184,137,114)
```
#bf947f
```
#bf947f rgb(191,148,127)
```
#c59f8c
```
#c59f8c rgb(197,159,140)
```
#ccaa99
```
#ccaa99 rgb(204,170,153)
```
#d3b5a6
```
#d3b5a6 rgb(211,181,166)
```
#d9c0b3
```
#d9c0b3 rgb(217,192,179)
```
#e0cbc0
```
#e0cbc0 rgb(224,203,192)
```
#e6d6cd
```
#e6d6cd rgb(230,214,205)
```
#ede0da
```
#ede0da rgb(237,224,218)
```
#f3ebe7
```
#f3ebe7 rgb(243,235,231)
```
#faf6f5
```
#faf6f5 rgb(250,246,245)
```

Tint Color Variation

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

#b4b2b1
```
#b4b2b1 rgb(180,178,177)
```
#bab0ab
```
#bab0ab rgb(186,176,171)
```
#c0aea5
```
#c0aea5 rgb(192,174,165)
```
#c6ac9f
```
#c6ac9f rgb(198,172,159)
```
#ccaa99
```
#ccaa99 rgb(204,170,153)
```
#d2a893
```
#d2a893 rgb(210,168,147)
```
#d8a68d
```
#d8a68d rgb(216,166,141)
```
#dea487
```
#dea487 rgb(222,164,135)
```
#e4a281
```
#e4a281 rgb(228,162,129)
```
#e9a07c
```
#e9a07c rgb(233,160,124)
```
#ef9e76
```
#ef9e76 rgb(239,158,118)
```
#f59c70
```
#f59c70 rgb(245,156,112)
```
#fb9a6a
```
#fb9a6a rgb(251,154,106)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b7b0ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb4a1 Protanopia 1% of men
#ceae9e Deuteranopia 1% of men
#d1aab6 Tritanopia 0.001% of the population

Trichromacy

#c2b09e Protanomaly 1% of men, 0.01% of women
#cdac9c Deuteranomaly 6% of men, 0.4% of women
#cfaaab Tritanomaly 0.01% of the population

#ccaa99 hex color

#ccaa99 Color Information

#ccaa99 Color Conversion

Color Schemes with #ccaa99

Alternatives to #ccaa99

#ccaa99 Preview

Shades and Tints of #ccaa99

Tones of #ccaa99

Color Blindness Simulator