#cc884f hex color

In a RGB color space, hex #cc884f is composed of 80% red, 53.3% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 61.3% yellow and 20% black. It has a hue angle of 27.4 degrees, a saturation of 55.1% and a lightness of 55.5%. #cc884f color hex could be obtained by blending #ffff9e with #991100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 80
- G 53
- B 31
RGB color chart
- C 0
- M 33
- Y 61
- K 20
CMYK color chart

● #cc884f color description : Moderate orange.

The hexadecimal color #cc884f has RGB values of R:204, G:136, B:79 and CMYK values of C:0, M:0.33, Y:0.61, K:0.2. Its decimal value is 13404239.

Hex triplet	cc884f	`#cc884f`
RGB Decimal	204, 136, 79	`rgb(204,136,79)`
RGB Percent	80, 53.3, 31	`rgb(80%,53.3%,31%)`
CMYK	0, 33, 61, 20
HSL	27.4°, 55.1, 55.5	`hsl(27.4,55.1%,55.5%)`
HSV (or HSB)	27.4°, 61.3, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	62.518, 20.344, 40.747
XYZ	35.118, 31.012, 11.533
xyY	0.452, 0.399, 31.012
CIE-LCH	62.518, 45.543, 63.468
CIE-LUV	62.518, 52.642, 43.45
Hunter-Lab	55.689, 15.109, 26.703
Binary	11001100, 10001000, 01001111

#cc884f
```
#cc884f rgb(204,136,79)
```
#4f93cc
```
#4f93cc rgb(79,147,204)
```

Complementary Color

#cc4f55
```
#cc4f55 rgb(204,79,85)
```
#cc884f
```
#cc884f rgb(204,136,79)
```
#ccc74f
```
#ccc74f rgb(204,199,79)
```

Analogous Color

#4f55cc
```
#4f55cc rgb(79,85,204)
```
#cc884f
```
#cc884f rgb(204,136,79)
```
#4fccc7
```
#4fccc7 rgb(79,204,199)
```

Split Complementary Color

#884fcc
```
#884fcc rgb(136,79,204)
```
#cc884f
```
#cc884f rgb(204,136,79)
```
#4fcc88
```
#4fcc88 rgb(79,204,136)
```

Triadic Color

#cc4f93
```
#cc4f93 rgb(204,79,147)
```
#cc884f
```
#cc884f rgb(204,136,79)
```
#4fcc88
```
#4fcc88 rgb(79,204,136)
```
#4f93cc
```
#4f93cc rgb(79,147,204)
```

Tetradic Color

#a0622e
```
#a0622e rgb(160,98,46)
```
#b46e34
```
#b46e34 rgb(180,110,52)
```
#c67b3b
```
#c67b3b rgb(198,123,59)
```
#cc884f
```
#cc884f rgb(204,136,79)
```
#d29563
```
#d29563 rgb(210,149,99)
```
#d7a377
```
#d7a377 rgb(215,163,119)
```
#ddb08a
```
#ddb08a rgb(221,176,138)
```

Monochromatic Color

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

#cc694f
```
#cc694f rgb(204,105,79)
```
#cc734f
```
#cc734f rgb(204,115,79)
```
#cc7e4f
```
#cc7e4f rgb(204,126,79)
```
#cc884f
```
#cc884f rgb(204,136,79)
```
#cc924f
```
#cc924f rgb(204,146,79)
```
#cc9d4f
```
#cc9d4f rgb(204,157,79)
```
#cca74f
```
#cca74f rgb(204,167,79)
```

Similar Colors

Text with hexadecimal color #cc884f

This text has a font color of #cc884f.

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

#cc884f background color

This paragraph has a background color of #cc884f.

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

#cc884f border color

This element has a border color of #cc884f.

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

CSS codes

.text {color:#cc884f;}

.background {background-color:#cc884f;}

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

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

#070402
```
#070402 rgb(7,4,2)
```
#160d06
```
#160d06 rgb(22,13,6)
```
#25170b
```
#25170b rgb(37,23,11)
```
#34200f
```
#34200f rgb(52,32,15)
```
#432914
```
#432914 rgb(67,41,20)
```
#533318
```
#533318 rgb(83,51,24)
```
#623c1c
```
#623c1c rgb(98,60,28)
```
#714521
```
#714521 rgb(113,69,33)
```
#804f25
```
#804f25 rgb(128,79,37)
```
#8f582a
```
#8f582a rgb(143,88,42)
```
#9f612e
```
#9f612e rgb(159,97,46)
```
#ae6b32
```
#ae6b32 rgb(174,107,50)
```
#bd7437
```
#bd7437 rgb(189,116,55)
```

Shade Color Variation

#c87e40
```
#c87e40 rgb(200,126,64)
```
#cc884f
```
#cc884f rgb(204,136,79)
```
#d0925e
```
#d0925e rgb(208,146,94)
```
#d59d6d
```
#d59d6d rgb(213,157,109)
```
#d9a77d
```
#d9a77d rgb(217,167,125)
```
#deb18c
```
#deb18c rgb(222,177,140)
```
#e2bb9b
```
#e2bb9b rgb(226,187,155)
```
#e6c6aa
```
#e6c6aa rgb(230,198,170)
```
#ebd0b9
```
#ebd0b9 rgb(235,208,185)
```
#efdac9
```
#efdac9 rgb(239,218,201)
```
#f4e5d8
```
#f4e5d8 rgb(244,229,216)
```
#f8efe7
```
#f8efe7 rgb(248,239,231)
```
#fcf9f6
```
#fcf9f6 rgb(252,249,246)
```

Tint Color Variation

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

#8f8d8c
```
#8f8d8c rgb(143,141,140)
```
#988d83
```
#988d83 rgb(152,141,131)
```
#a08c7b
```
#a08c7b rgb(160,140,123)
```
#a98b72
```
#a98b72 rgb(169,139,114)
```
#b28a69
```
#b28a69 rgb(178,138,105)
```
#bb8a60
```
#bb8a60 rgb(187,138,96)
```
#c38958
```
#c38958 rgb(195,137,88)
```
#cc884f
```
#cc884f rgb(204,136,79)
```
#d58746
```
#d58746 rgb(213,135,70)
```
#dd863e
```
#dd863e rgb(221,134,62)
```
#e68635
```
#e68635 rgb(230,134,53)
```
#ef852c
```
#ef852c rgb(239,133,44)
```
#f88423
```
#f88423 rgb(248,132,35)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a19388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9c5c Protanopia 1% of men
#be9555 Deuteranopia 1% of men
#d38790 Tritanopia 0.001% of the population

Trichromacy

#b79557 Protanomaly 1% of men, 0.01% of women
#c39053 Deuteranomaly 6% of men, 0.4% of women
#d08778 Tritanomaly 0.01% of the population

#cc884f hex color

#cc884f Color Information

#cc884f Color Conversion

Color Schemes with #cc884f

Alternatives to #cc884f

#cc884f Preview

Shades and Tints of #cc884f

Tones of #cc884f

Color Blindness Simulator