#cc7340 hex color

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

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

● #cc7340 color description : Moderate orange.

The hexadecimal color #cc7340 has RGB values of R:204, G:115, B:64 and CMYK values of C:0, M:0.44, Y:0.69, K:0.2. Its decimal value is 13398848.

Hex triplet	cc7340	`#cc7340`
RGB Decimal	204, 115, 64	`rgb(204,115,64)`
RGB Percent	80, 45.1, 25.1	`rgb(80%,45.1%,25.1%)`
CMYK	0, 44, 69, 20
HSL	21.9°, 57.9, 52.5	`hsl(21.9,57.9%,52.5%)`
HSV (or HSB)	21.9°, 68.6, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.532, 30.738, 42.721
XYZ	31.959, 25.472, 8.084
xyY	0.488, 0.389, 25.472
CIE-LCH	57.532, 52.63, 54.265
CIE-LUV	57.532, 70.179, 40.921
Hunter-Lab	50.469, 24.711, 25.832
Binary	11001100, 01110011, 01000000

#cc7340
```
#cc7340 rgb(204,115,64)
```
#4099cc
```
#4099cc rgb(64,153,204)
```

Complementary Color

#cc4053
```
#cc4053 rgb(204,64,83)
```
#cc7340
```
#cc7340 rgb(204,115,64)
```
#ccb940
```
#ccb940 rgb(204,185,64)
```

Analogous Color

#4053cc
```
#4053cc rgb(64,83,204)
```
#cc7340
```
#cc7340 rgb(204,115,64)
```
#40ccb9
```
#40ccb9 rgb(64,204,185)
```

Split Complementary Color

#7340cc
```
#7340cc rgb(115,64,204)
```
#cc7340
```
#cc7340 rgb(204,115,64)
```
#40cc73
```
#40cc73 rgb(64,204,115)
```

Triadic Color

#cc4099
```
#cc4099 rgb(204,64,153)
```
#cc7340
```
#cc7340 rgb(204,115,64)
```
#40cc73
```
#40cc73 rgb(64,204,115)
```
#4099cc
```
#4099cc rgb(64,153,204)
```

Tetradic Color

#975128
```
#975128 rgb(151,81,40)
```
#ab5b2e
```
#ab5b2e rgb(171,91,46)
```
#bf6633
```
#bf6633 rgb(191,102,51)
```
#cc7340
```
#cc7340 rgb(204,115,64)
```
#d18254
```
#d18254 rgb(209,130,84)
```
#d79168
```
#d79168 rgb(215,145,104)
```
#dc9f7c
```
#dc9f7c rgb(220,159,124)
```

Monochromatic Color

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

#cc5040
```
#cc5040 rgb(204,80,64)
```
#cc5c40
```
#cc5c40 rgb(204,92,64)
```
#cc6740
```
#cc6740 rgb(204,103,64)
```
#cc7340
```
#cc7340 rgb(204,115,64)
```
#cc7f40
```
#cc7f40 rgb(204,127,64)
```
#cc8a40
```
#cc8a40 rgb(204,138,64)
```
#cc9640
```
#cc9640 rgb(204,150,64)
```

Similar Colors

Text with hexadecimal color #cc7340

This text has a font color of #cc7340.

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

#cc7340 background color

This paragraph has a background color of #cc7340.

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

#cc7340 border color

This element has a border color of #cc7340.

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

CSS codes

.text {color:#cc7340;}

.background {background-color:#cc7340;}

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

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)
```
#1a0e07
```
#1a0e07 rgb(26,14,7)
```
#29160b
```
#29160b rgb(41,22,11)
```
#391e0f
```
#391e0f rgb(57,30,15)
```
#482713
```
#482713 rgb(72,39,19)
```
#582f17
```
#582f17 rgb(88,47,23)
```
#67371c
```
#67371c rgb(103,55,28)
```
#773f20
```
#773f20 rgb(119,63,32)
```
#864824
```
#864824 rgb(134,72,36)
```
#965028
```
#965028 rgb(150,80,40)
```
#a5582c
```
#a5582c rgb(165,88,44)
```
#b56030
```
#b56030 rgb(181,96,48)
```
#c46934
```
#c46934 rgb(196,105,52)
```

Shade Color Variation

#cc7340
```
#cc7340 rgb(204,115,64)
```
#d07e4f
```
#d07e4f rgb(208,126,79)
```
#d48a5f
```
#d48a5f rgb(212,138,95)
```
#d8956e
```
#d8956e rgb(216,149,110)
```
#dda07e
```
#dda07e rgb(221,160,126)
```
#e1ac8d
```
#e1ac8d rgb(225,172,141)
```
#e5b79d
```
#e5b79d rgb(229,183,157)
```
#e9c2ac
```
#e9c2ac rgb(233,194,172)
```
#edcebc
```
#edcebc rgb(237,206,188)
```
#f1d9cb
```
#f1d9cb rgb(241,217,203)
```
#f5e4db
```
#f5e4db rgb(245,228,219)
```
#f9f0ea
```
#f9f0ea rgb(249,240,234)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#8b8581
```
#8b8581 rgb(139,133,129)
```
#948278
```
#948278 rgb(148,130,120)
```
#9d806f
```
#9d806f rgb(157,128,111)
```
#a77d65
```
#a77d65 rgb(167,125,101)
```
#b07b5c
```
#b07b5c rgb(176,123,92)
```
#b97853
```
#b97853 rgb(185,120,83)
```
#c37649
```
#c37649 rgb(195,118,73)
```
#cc7340
```
#cc7340 rgb(204,115,64)
```
#d57037
```
#d57037 rgb(213,112,55)
```
#df6e2d
```
#df6e2d rgb(223,110,45)
```
#e86b24
```
#e86b24 rgb(232,107,36)
```
#f1691b
```
#f1691b rgb(241,105,27)
```
#fb6611
```
#fb6611 rgb(251,102,17)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#96847a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9050 Protanopia 1% of men
#b08945 Deuteranopia 1% of men
#d1747b Tritanopia 0.001% of the population

Trichromacy

#ae854a Protanomaly 1% of men, 0.01% of women
#ba8143 Deuteranomaly 6% of men, 0.4% of women
#cf7366 Tritanomaly 0.01% of the population

#cc7340 hex color

#cc7340 Color Information

#cc7340 Color Conversion

Color Schemes with #cc7340

Alternatives to #cc7340

#cc7340 Preview

Shades and Tints of #cc7340

Tones of #cc7340

Color Blindness Simulator