#cc5f3a hex color

In a RGB color space, hex #cc5f3a is composed of 80% red, 37.3% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.4% magenta, 71.6% yellow and 20% black. It has a hue angle of 15.2 degrees, a saturation of 58.9% and a lightness of 51.4%. #cc5f3a color hex could be obtained by blending #ffbe74 with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 37
- B 23
RGB color chart
- C 0
- M 53
- Y 72
- K 20
CMYK color chart

● #cc5f3a color description : Moderate orange.

The hexadecimal color #cc5f3a has RGB values of R:204, G:95, B:58 and CMYK values of C:0, M:0.53, Y:0.72, K:0.2. Its decimal value is 13393722.

Hex triplet	cc5f3a	`#cc5f3a`
RGB Decimal	204, 95, 58	`rgb(204,95,58)`
RGB Percent	80, 37.3, 22.7	`rgb(80%,37.3%,22.7%)`
CMYK	0, 53, 72, 20
HSL	15.2°, 58.9, 51.4	`hsl(15.2,58.9%,51.4%)`
HSV (or HSB)	15.2°, 71.6, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.309, 40.772, 41.122
XYZ	29.759, 21.33, 6.553
xyY	0.516, 0.37, 21.33
CIE-LCH	53.309, 57.908, 45.244
CIE-LUV	53.309, 86.23, 35.615
Hunter-Lab	46.185, 34.193, 23.917
Binary	11001100, 01011111, 00111010

#cc5f3a
```
#cc5f3a rgb(204,95,58)
```
#3aa7cc
```
#3aa7cc rgb(58,167,204)
```

Complementary Color

#cc3a5e
```
#cc3a5e rgb(204,58,94)
```
#cc5f3a
```
#cc5f3a rgb(204,95,58)
```
#cca83a
```
#cca83a rgb(204,168,58)
```

Analogous Color

#3a5ecc
```
#3a5ecc rgb(58,94,204)
```
#cc5f3a
```
#cc5f3a rgb(204,95,58)
```
#3acca8
```
#3acca8 rgb(58,204,168)
```

Split Complementary Color

#5f3acc
```
#5f3acc rgb(95,58,204)
```
#cc5f3a
```
#cc5f3a rgb(204,95,58)
```
#3acc5f
```
#3acc5f rgb(58,204,95)
```

Triadic Color

#cc3aa7
```
#cc3aa7 rgb(204,58,167)
```
#cc5f3a
```
#cc5f3a rgb(204,95,58)
```
#3acc5f
```
#3acc5f rgb(58,204,95)
```
#3aa7cc
```
#3aa7cc rgb(58,167,204)
```

Tetradic Color

#934226
```
#934226 rgb(147,66,38)
```
#a84b2b
```
#a84b2b rgb(168,75,43)
```
#bc5431
```
#bc5431 rgb(188,84,49)
```
#cc5f3a
```
#cc5f3a rgb(204,95,58)
```
#d16f4e
```
#d16f4e rgb(209,111,78)
```
#d68063
```
#d68063 rgb(214,128,99)
```
#dc9077
```
#dc9077 rgb(220,144,119)
```

Monochromatic Color

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

#cc3b3a
```
#cc3b3a rgb(204,59,58)
```
#cc473a
```
#cc473a rgb(204,71,58)
```
#cc533a
```
#cc533a rgb(204,83,58)
```
#cc5f3a
```
#cc5f3a rgb(204,95,58)
```
#cc6b3a
```
#cc6b3a rgb(204,107,58)
```
#cc773a
```
#cc773a rgb(204,119,58)
```
#cc843a
```
#cc843a rgb(204,132,58)
```

Similar Colors

Text with hexadecimal color #cc5f3a

This text has a font color of #cc5f3a.

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

#cc5f3a background color

This paragraph has a background color of #cc5f3a.

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

#cc5f3a border color

This element has a border color of #cc5f3a.

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

CSS codes

.text {color:#cc5f3a;}

.background {background-color:#cc5f3a;}

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

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

#060201
```
#060201 rgb(6,2,1)
```
#150905
```
#150905 rgb(21,9,5)
```
#25100a
```
#25100a rgb(37,16,10)
```
#34170e
```
#34170e rgb(52,23,14)
```
#441e12
```
#441e12 rgb(68,30,18)
```
#532516
```
#532516 rgb(83,37,22)
```
#632c1a
```
#632c1a rgb(99,44,26)
```
#73331e
```
#73331e rgb(115,51,30)
```
#823a22
```
#823a22 rgb(130,58,34)
```
#924126
```
#924126 rgb(146,65,38)
```
#a1482a
```
#a1482a rgb(161,72,42)
```
#b14f2e
```
#b14f2e rgb(177,79,46)
```
#c15632
```
#c15632 rgb(193,86,50)
```

Shade Color Variation

#cc5f3a
```
#cc5f3a rgb(204,95,58)
```
#d06c4a
```
#d06c4a rgb(208,108,74)
```
#d47859
```
#d47859 rgb(212,120,89)
```
#d88569
```
#d88569 rgb(216,133,105)
```
#dc9278
```
#dc9278 rgb(220,146,120)
```
#e09e88
```
#e09e88 rgb(224,158,136)
```
#e4ab97
```
#e4ab97 rgb(228,171,151)
```
#e8b8a7
```
#e8b8a7 rgb(232,184,167)
```
#ecc4b7
```
#ecc4b7 rgb(236,196,183)
```
#f0d1c6
```
#f0d1c6 rgb(240,209,198)
```
#f4ded6
```
#f4ded6 rgb(244,222,214)
```
#f8eae5
```
#f8eae5 rgb(248,234,229)
```
#fcf7f5
```
#fcf7f5 rgb(252,247,245)
```

Tint Color Variation

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

#89807d
```
#89807d rgb(137,128,125)
```
#937b73
```
#937b73 rgb(147,123,115)
```
#9c776a
```
#9c776a rgb(156,119,106)
```
#a67260
```
#a67260 rgb(166,114,96)
```
#af6d57
```
#af6d57 rgb(175,109,87)
```
#b9684d
```
#b9684d rgb(185,104,77)
```
#c26444
```
#c26444 rgb(194,100,68)
```
#cc5f3a
```
#cc5f3a rgb(204,95,58)
```
#d65a30
```
#d65a30 rgb(214,90,48)
```
#df5627
```
#df5627 rgb(223,86,39)
```
#e9511d
```
#e9511d rgb(233,81,29)
```
#f24c14
```
#f24c14 rgb(242,76,20)
```
#fc470a
```
#fc470a rgb(252,71,10)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#8b756e Atypical Achromatopsia 0.001% of the population

Dichromacy

#92864d Protanopia 1% of men
#a47f3d Deuteranopia 1% of men
#d06268 Tritanopia 0.001% of the population

Trichromacy

#a77746 Protanomaly 1% of men, 0.01% of women
#b2733c Deuteranomaly 6% of men, 0.4% of women
#ce6157 Tritanomaly 0.01% of the population

#cc5f3a hex color

#cc5f3a Color Information

#cc5f3a Color Conversion

Color Schemes with #cc5f3a

Alternatives to #cc5f3a

#cc5f3a Preview

Shades and Tints of #cc5f3a

Tones of #cc5f3a

Color Blindness Simulator