#cc7c4f hex color

In a RGB color space, hex #cc7c4f is composed of 80% red, 48.6% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.2% magenta, 61.3% yellow and 20% black. It has a hue angle of 21.6 degrees, a saturation of 55.1% and a lightness of 55.5%. #cc7c4f color hex could be obtained by blending #fff89e with #990000. Closest websafe color is: #cc6666.

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

● #cc7c4f color description : Moderate orange.

The hexadecimal color #cc7c4f has RGB values of R:204, G:124, B:79 and CMYK values of C:0, M:0.39, Y:0.61, K:0.2. Its decimal value is 13401167.

Hex triplet	cc7c4f	`#cc7c4f`
RGB Decimal	204, 124, 79	`rgb(204,124,79)`
RGB Percent	80, 48.6, 31	`rgb(80%,48.6%,31%)`
CMYK	0, 39, 61, 20
HSL	21.6°, 55.1, 55.5	`hsl(21.6,55.1%,55.5%)`
HSV (or HSB)	21.6°, 61.3, 80
Web Safe	cc6666	`#cc6666`

CIE-LAB	59.725, 26.861, 37.41
XYZ	33.522, 27.82, 11.001
xyY	0.463, 0.385, 27.82
CIE-LCH	59.725, 46.054, 54.321
CIE-LUV	59.725, 61.572, 38.173
Hunter-Lab	52.744, 21.143, 24.555
Binary	11001100, 01111100, 01001111

#cc7c4f
```
#cc7c4f rgb(204,124,79)
```
#4f9fcc
```
#4f9fcc rgb(79,159,204)
```

Complementary Color

#cc4f61
```
#cc4f61 rgb(204,79,97)
```
#cc7c4f
```
#cc7c4f rgb(204,124,79)
```
#ccbb4f
```
#ccbb4f rgb(204,187,79)
```

Analogous Color

#4f61cc
```
#4f61cc rgb(79,97,204)
```
#cc7c4f
```
#cc7c4f rgb(204,124,79)
```
#4fccbb
```
#4fccbb rgb(79,204,187)
```

Split Complementary Color

#7c4fcc
```
#7c4fcc rgb(124,79,204)
```
#cc7c4f
```
#cc7c4f rgb(204,124,79)
```
#4fcc7c
```
#4fcc7c rgb(79,204,124)
```

Triadic Color

#cc4f9f
```
#cc4f9f rgb(204,79,159)
```
#cc7c4f
```
#cc7c4f rgb(204,124,79)
```
#4fcc7c
```
#4fcc7c rgb(79,204,124)
```
#4f9fcc
```
#4f9fcc rgb(79,159,204)
```

Tetradic Color

#a0572e
```
#a0572e rgb(160,87,46)
```
#b46234
```
#b46234 rgb(180,98,52)
```
#c66d3b
```
#c66d3b rgb(198,109,59)
```
#cc7c4f
```
#cc7c4f rgb(204,124,79)
```
#d28b63
```
#d28b63 rgb(210,139,99)
```
#d79977
```
#d79977 rgb(215,153,119)
```
#dda88a
```
#dda88a rgb(221,168,138)
```

Monochromatic Color

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

#cc5d4f
```
#cc5d4f rgb(204,93,79)
```
#cc674f
```
#cc674f rgb(204,103,79)
```
#cc724f
```
#cc724f rgb(204,114,79)
```
#cc7c4f
```
#cc7c4f rgb(204,124,79)
```
#cc864f
```
#cc864f rgb(204,134,79)
```
#cc914f
```
#cc914f rgb(204,145,79)
```
#cc9b4f
```
#cc9b4f rgb(204,155,79)
```

Similar Colors

Text with hexadecimal color #cc7c4f

This text has a font color of #cc7c4f.

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

#cc7c4f background color

This paragraph has a background color of #cc7c4f.

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

#cc7c4f border color

This element has a border color of #cc7c4f.

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

CSS codes

.text {color:#cc7c4f;}

.background {background-color:#cc7c4f;}

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

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)
```
#160c06
```
#160c06 rgb(22,12,6)
```
#25140b
```
#25140b rgb(37,20,11)
```
#341c0f
```
#341c0f rgb(52,28,15)
```
#432514
```
#432514 rgb(67,37,20)
```
#532d18
```
#532d18 rgb(83,45,24)
```
#62351c
```
#62351c rgb(98,53,28)
```
#713e21
```
#713e21 rgb(113,62,33)
```
#804625
```
#804625 rgb(128,70,37)
```
#8f4e2a
```
#8f4e2a rgb(143,78,42)
```
#9f572e
```
#9f572e rgb(159,87,46)
```
#ae5f32
```
#ae5f32 rgb(174,95,50)
```
#bd6737
```
#bd6737 rgb(189,103,55)
```

Shade Color Variation

#c87140
```
#c87140 rgb(200,113,64)
```
#cc7c4f
```
#cc7c4f rgb(204,124,79)
```
#d0875e
```
#d0875e rgb(208,135,94)
```
#d5936d
```
#d5936d rgb(213,147,109)
```
#d99e7d
```
#d99e7d rgb(217,158,125)
```
#dea98c
```
#dea98c rgb(222,169,140)
```
#e2b59b
```
#e2b59b rgb(226,181,155)
```
#e6c0aa
```
#e6c0aa rgb(230,192,170)
```
#ebcbb9
```
#ebcbb9 rgb(235,203,185)
```
#efd7c9
```
#efd7c9 rgb(239,215,201)
```
#f4e2d8
```
#f4e2d8 rgb(244,226,216)
```
#f8ede7
```
#f8ede7 rgb(248,237,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 #f87023 is the most saturated one.

#8f8d8c
```
#8f8d8c rgb(143,141,140)
```
#988b83
```
#988b83 rgb(152,139,131)
```
#a0887b
```
#a0887b rgb(160,136,123)
```
#a98672
```
#a98672 rgb(169,134,114)
```
#b28369
```
#b28369 rgb(178,131,105)
```
#bb8160
```
#bb8160 rgb(187,129,96)
```
#c37e58
```
#c37e58 rgb(195,126,88)
```
#cc7c4f
```
#cc7c4f rgb(204,124,79)
```
#d57a46
```
#d57a46 rgb(213,122,70)
```
#dd773e
```
#dd773e rgb(221,119,62)
```
#e67535
```
#e67535 rgb(230,117,53)
```
#ef722c
```
#ef722c rgb(239,114,44)
```
#f87023
```
#f87023 rgb(248,112,35)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#9b8b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2955e Protanopia 1% of men
#b58f54 Deuteranopia 1% of men
#d17d85 Tritanopia 0.001% of the population

Trichromacy

#b18c58 Protanomaly 1% of men, 0.01% of women
#bd8852 Deuteranomaly 6% of men, 0.4% of women
#cf7c71 Tritanomaly 0.01% of the population

#cc7c4f hex color

#cc7c4f Color Information

#cc7c4f Color Conversion

Color Schemes with #cc7c4f

Alternatives to #cc7c4f

#cc7c4f Preview

Shades and Tints of #cc7c4f

Tones of #cc7c4f

Color Blindness Simulator