#cc6f40 hex color

In a RGB color space, hex #cc6f40 is composed of 80% red, 43.5% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.6% magenta, 68.6% yellow and 20% black. It has a hue angle of 20.1 degrees, a saturation of 57.9% and a lightness of 52.5%. #cc6f40 color hex could be obtained by blending #ffde80 with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 44
- B 25
RGB color chart
- C 0
- M 46
- Y 69
- K 20
CMYK color chart

● #cc6f40 color description : Moderate orange.

The hexadecimal color #cc6f40 has RGB values of R:204, G:111, B:64 and CMYK values of C:0, M:0.46, Y:0.69, K:0.2. Its decimal value is 13397824.

Hex triplet	cc6f40	`#cc6f40`
RGB Decimal	204, 111, 64	`rgb(204,111,64)`
RGB Percent	80, 43.5, 25.1	`rgb(80%,43.5%,25.1%)`
CMYK	0, 46, 69, 20
HSL	20.1°, 57.9, 52.5	`hsl(20.1,57.9%,52.5%)`
HSV (or HSB)	20.1°, 68.6, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.663, 32.858, 41.742
XYZ	31.513, 24.579, 7.935
xyY	0.492, 0.384, 24.579
CIE-LCH	56.663, 53.123, 51.791
CIE-LUV	56.663, 73.254, 39.324
Hunter-Lab	49.577, 26.699, 25.215
Binary	11001100, 01101111, 01000000

#cc6f40
```
#cc6f40 rgb(204,111,64)
```
#409dcc
```
#409dcc rgb(64,157,204)
```

Complementary Color

#cc4057
```
#cc4057 rgb(204,64,87)
```
#cc6f40
```
#cc6f40 rgb(204,111,64)
```
#ccb540
```
#ccb540 rgb(204,181,64)
```

Analogous Color

#4057cc
```
#4057cc rgb(64,87,204)
```
#cc6f40
```
#cc6f40 rgb(204,111,64)
```
#40ccb5
```
#40ccb5 rgb(64,204,181)
```

Split Complementary Color

#6f40cc
```
#6f40cc rgb(111,64,204)
```
#cc6f40
```
#cc6f40 rgb(204,111,64)
```
#40cc6f
```
#40cc6f rgb(64,204,111)
```

Triadic Color

#cc409d
```
#cc409d rgb(204,64,157)
```
#cc6f40
```
#cc6f40 rgb(204,111,64)
```
#40cc6f
```
#40cc6f rgb(64,204,111)
```
#409dcc
```
#409dcc rgb(64,157,204)
```

Tetradic Color

#974e28
```
#974e28 rgb(151,78,40)
```
#ab582e
```
#ab582e rgb(171,88,46)
```
#bf6233
```
#bf6233 rgb(191,98,51)
```
#cc6f40
```
#cc6f40 rgb(204,111,64)
```
#d17e54
```
#d17e54 rgb(209,126,84)
```
#d78d68
```
#d78d68 rgb(215,141,104)
```
#dc9d7c
```
#dc9d7c rgb(220,157,124)
```

Monochromatic Color

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

#cc4c40
```
#cc4c40 rgb(204,76,64)
```
#cc5840
```
#cc5840 rgb(204,88,64)
```
#cc6340
```
#cc6340 rgb(204,99,64)
```
#cc6f40
```
#cc6f40 rgb(204,111,64)
```
#cc7b40
```
#cc7b40 rgb(204,123,64)
```
#cc8640
```
#cc8640 rgb(204,134,64)
```
#cc9240
```
#cc9240 rgb(204,146,64)
```

Similar Colors

Text with hexadecimal color #cc6f40

This text has a font color of #cc6f40.

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

#cc6f40 background color

This paragraph has a background color of #cc6f40.

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

#cc6f40 border color

This element has a border color of #cc6f40.

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

CSS codes

.text {color:#cc6f40;}

.background {background-color:#cc6f40;}

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

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

#0a0503
```
#0a0503 rgb(10,5,3)
```
#1a0d07
```
#1a0d07 rgb(26,13,7)
```
#29150b
```
#29150b rgb(41,21,11)
```
#391d0f
```
#391d0f rgb(57,29,15)
```
#482513
```
#482513 rgb(72,37,19)
```
#582d17
```
#582d17 rgb(88,45,23)
```
#67351c
```
#67351c rgb(103,53,28)
```
#773d20
```
#773d20 rgb(119,61,32)
```
#864524
```
#864524 rgb(134,69,36)
```
#964d28
```
#964d28 rgb(150,77,40)
```
#a5552c
```
#a5552c rgb(165,85,44)
```
#b55d30
```
#b55d30 rgb(181,93,48)
```
#c46534
```
#c46534 rgb(196,101,52)
```

Shade Color Variation

#cc6f40
```
#cc6f40 rgb(204,111,64)
```
#d07b4f
```
#d07b4f rgb(208,123,79)
```
#d4865f
```
#d4865f rgb(212,134,95)
```
#d8926e
```
#d8926e rgb(216,146,110)
```
#dd9e7e
```
#dd9e7e rgb(221,158,126)
```
#e1a98d
```
#e1a98d rgb(225,169,141)
```
#e5b59d
```
#e5b59d rgb(229,181,157)
```
#e9c1ac
```
#e9c1ac rgb(233,193,172)
```
#edccbc
```
#edccbc rgb(237,204,188)
```
#f1d8cb
```
#f1d8cb rgb(241,216,203)
```
#f5e4db
```
#f5e4db rgb(245,228,219)
```
#f9efea
```
#f9efea rgb(249,239,234)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#8b8481
```
#8b8481 rgb(139,132,129)
```
#948178
```
#948178 rgb(148,129,120)
```
#9d7e6f
```
#9d7e6f rgb(157,126,111)
```
#a77b65
```
#a77b65 rgb(167,123,101)
```
#b0785c
```
#b0785c rgb(176,120,92)
```
#b97553
```
#b97553 rgb(185,117,83)
```
#c37249
```
#c37249 rgb(195,114,73)
```
#cc6f40
```
#cc6f40 rgb(204,111,64)
```
#d56c37
```
#d56c37 rgb(213,108,55)
```
#df692d
```
#df692d rgb(223,105,45)
```
#e86624
```
#e86624 rgb(232,102,36)
```
#f1631b
```
#f1631b rgb(241,99,27)
```
#fb6011
```
#fb6011 rgb(251,96,17)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#938177 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8e51 Protanopia 1% of men
#ae8744 Deuteranopia 1% of men
#d17078 Tritanopia 0.001% of the population

Trichromacy

#ad824b Protanomaly 1% of men, 0.01% of women
#b97e43 Deuteranomaly 6% of men, 0.4% of women
#cf7063 Tritanomaly 0.01% of the population

#cc6f40 hex color

#cc6f40 Color Information

#cc6f40 Color Conversion

Color Schemes with #cc6f40

Alternatives to #cc6f40

#cc6f40 Preview

Shades and Tints of #cc6f40

Tones of #cc6f40

Color Blindness Simulator