colorhexa.com

#cc6731 hex color

In a RGB color space, hex #cc6731 is composed of 80% red, 40.4% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.5% magenta, 76% yellow and 20% black. It has a hue angle of 20.9 degrees, a saturation of 61.3% and a lightness of 49.6%. #cc6731 color hex could be obtained by blending #ffce62 with #990000. Closest websafe color is: #cc6633.

- R 80
- G 40
- B 19
RGB color chart
- C 0
- M 50
- Y 76
- K 20
CMYK color chart

● #cc6731 color description : Strong orange.

The hexadecimal color #cc6731 has RGB values of R:204, G:103, B:49 and CMYK values of C:0, M:0.5, Y:0.76, K:0.2. Its decimal value is 13395761.

Hex triplet	cc6731	`#cc6731`
RGB Decimal	204, 103, 49	`rgb(204,103,49)`
RGB Percent	80, 40.4, 19.2	`rgb(80%,40.4%,19.2%)`
CMYK	0, 50, 76, 20
HSL	20.9°, 61.3, 49.6	`hsl(20.9,61.3%,49.6%)`
HSV (or HSB)	20.9°, 76, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.827, 36.304, 47.284
XYZ	30.308, 22.762, 5.703
xyY	0.516, 0.387, 22.762
CIE-LCH	54.827, 59.614, 52.483
CIE-LUV	54.827, 81.199, 41.695
Hunter-Lab	47.71, 29.899, 26.31
Binary	11001100, 01100111, 00110001

#cc6731
```
#cc6731 rgb(204,103,49)
```
#3196cc
```
#3196cc rgb(49,150,204)
```

Complementary Color

#cc3148
```
#cc3148 rgb(204,49,72)
```
#cc6731
```
#cc6731 rgb(204,103,49)
```
#ccb531
```
#ccb531 rgb(204,181,49)
```

Analogous Color

#3149cc
```
#3149cc rgb(49,73,204)
```
#cc6731
```
#cc6731 rgb(204,103,49)
```
#31ccb5
```
#31ccb5 rgb(49,204,181)
```

Split Complementary Color

#6731cc
```
#6731cc rgb(103,49,204)
```
#cc6731
```
#cc6731 rgb(204,103,49)
```
#31cc67
```
#31cc67 rgb(49,204,103)
```

Triadic Color

#cc3196
```
#cc3196 rgb(204,49,150)
```
#cc6731
```
#cc6731 rgb(204,103,49)
```
#31cc67
```
#31cc67 rgb(49,204,103)
```
#3196cc
```
#3196cc rgb(49,150,204)
```

Tetradic Color

#8e4822
```
#8e4822 rgb(142,72,34)
```
#a35227
```
#a35227 rgb(163,82,39)
```
#b75d2c
```
#b75d2c rgb(183,93,44)
```
#cc6731
```
#cc6731 rgb(204,103,49)
```
#d27644
```
#d27644 rgb(210,118,68)
```
#d78559
```
#d78559 rgb(215,133,89)
```
#dc946d
```
#dc946d rgb(220,148,109)
```

Monochromatic Color

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

#cc4031
```
#cc4031 rgb(204,64,49)
```
#cc4d31
```
#cc4d31 rgb(204,77,49)
```
#cc5a31
```
#cc5a31 rgb(204,90,49)
```
#cc6731
```
#cc6731 rgb(204,103,49)
```
#cc7431
```
#cc7431 rgb(204,116,49)
```
#cc8131
```
#cc8131 rgb(204,129,49)
```
#cc8e31
```
#cc8e31 rgb(204,142,49)
```

Similar Colors

Text with hexadecimal color #cc6731

This text has a font color of #cc6731.

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

#cc6731 background color

This paragraph has a background color of #cc6731.

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

#cc6731 border color

This element has a border color of #cc6731.

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

CSS codes

.text {color:#cc6731;}

.background {background-color:#cc6731;}

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

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, #0e0703 is the darkest color, while #fffefd is the lightest one.

#0e0703
```
#0e0703 rgb(14,7,3)
```
#1e0f07
```
#1e0f07 rgb(30,15,7)
```
#2e170b
```
#2e170b rgb(46,23,11)
```
#3e1f0f
```
#3e1f0f rgb(62,31,15)
```
#4d2713
```
#4d2713 rgb(77,39,19)
```
#5d2f16
```
#5d2f16 rgb(93,47,22)
```
#6d371a
```
#6d371a rgb(109,55,26)
```
#7d3f1e
```
#7d3f1e rgb(125,63,30)
```
#8d4722
```
#8d4722 rgb(141,71,34)
```
#9d4f26
```
#9d4f26 rgb(157,79,38)
```
#ac5729
```
#ac5729 rgb(172,87,41)
```
#bc5f2d
```
#bc5f2d rgb(188,95,45)
```
#cc6731
```
#cc6731 rgb(204,103,49)
```

Shade Color Variation

#d17240
```
#d17240 rgb(209,114,64)
```
#d57e4f
```
#d57e4f rgb(213,126,79)
```
#d98a5f
```
#d98a5f rgb(217,138,95)
```
#dc956f
```
#dc956f rgb(220,149,111)
```
#e0a17f
```
#e0a17f rgb(224,161,127)
```
#e4ac8f
```
#e4ac8f rgb(228,172,143)
```
#e8b89e
```
#e8b89e rgb(232,184,158)
```
#ecc4ae
```
#ecc4ae rgb(236,196,174)
```
#efcfbe
```
#efcfbe rgb(239,207,190)
```
#f3dbce
```
#f3dbce rgb(243,219,206)
```
#f7e7de
```
#f7e7de rgb(247,231,222)
```
#fbf2ee
```
#fbf2ee rgb(251,242,238)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#887c75
```
#887c75 rgb(136,124,117)
```
#92796b
```
#92796b rgb(146,121,107)
```
#9b7662
```
#9b7662 rgb(155,118,98)
```
#a57358
```
#a57358 rgb(165,115,88)
```
#af704e
```
#af704e rgb(175,112,78)
```
#b96d44
```
#b96d44 rgb(185,109,68)
```
#c26a3b
```
#c26a3b rgb(194,106,59)
```
#cc6731
```
#cc6731 rgb(204,103,49)
```
#d66427
```
#d66427 rgb(214,100,39)
```
#df611e
```
#df611e rgb(223,97,30)
```
#e95e14
```
#e95e14 rgb(233,94,20)
```
#f35b0a
```
#f35b0a rgb(243,91,10)
```
#fd5800
```
#fd5800 rgb(253,88,0)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8e7a6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#988943 Protanopia 1% of men
#aa8334 Deuteranopia 1% of men
#d1696f Tritanopia 0.001% of the population

Trichromacy

#aa7d3c Protanomaly 1% of men, 0.01% of women
#b67833 Deuteranomaly 6% of men, 0.4% of women
#cf6858 Tritanomaly 0.01% of the population