#cc5b2c hex color

In a RGB color space, hex #cc5b2c is composed of 80% red, 35.7% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.4% magenta, 78.4% yellow and 20% black. It has a hue angle of 17.6 degrees, a saturation of 64.5% and a lightness of 48.6%. #cc5b2c color hex could be obtained by blending #ffb658 with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 36
- B 17
RGB color chart
- C 0
- M 55
- Y 78
- K 20
CMYK color chart

● #cc5b2c color description : Strong orange.

The hexadecimal color #cc5b2c has RGB values of R:204, G:91, B:44 and CMYK values of C:0, M:0.55, Y:0.78, K:0.2. Its decimal value is 13392684.

Hex triplet	cc5b2c	`#cc5b2c`
RGB Decimal	204, 91, 44	`rgb(204,91,44)`
RGB Percent	80, 35.7, 17.3	`rgb(80%,35.7%,17.3%)`
CMYK	0, 55, 78, 20
HSL	17.6°, 64.5, 48.6	`hsl(17.6,64.5%,48.6%)`
HSV (or HSB)	17.6°, 78.4, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.403, 42.149, 47.244
XYZ	29.099, 20.504, 4.808
xyY	0.535, 0.377, 20.504
CIE-LCH	52.403, 63.313, 48.262
CIE-LUV	52.403, 91.072, 39.024
Hunter-Lab	45.282, 35.464, 25.402
Binary	11001100, 01011011, 00101100

#cc5b2c
```
#cc5b2c rgb(204,91,44)
```
#2c9dcc
```
#2c9dcc rgb(44,157,204)
```

Complementary Color

#cc2c4d
```
#cc2c4d rgb(204,44,77)
```
#cc5b2c
```
#cc5b2c rgb(204,91,44)
```
#ccab2c
```
#ccab2c rgb(204,171,44)
```

Analogous Color

#2c4dcc
```
#2c4dcc rgb(44,77,204)
```
#cc5b2c
```
#cc5b2c rgb(204,91,44)
```
#2cccab
```
#2cccab rgb(44,204,171)
```

Split Complementary Color

#5b2ccc
```
#5b2ccc rgb(91,44,204)
```
#cc5b2c
```
#cc5b2c rgb(204,91,44)
```
#2ccc5b
```
#2ccc5b rgb(44,204,91)
```

Triadic Color

#cc2c9d
```
#cc2c9d rgb(204,44,157)
```
#cc5b2c
```
#cc5b2c rgb(204,91,44)
```
#2ccc5b
```
#2ccc5b rgb(44,204,91)
```
#2c9dcc
```
#2c9dcc rgb(44,157,204)
```

Tetradic Color

#8d3f1e
```
#8d3f1e rgb(141,63,30)
```
#a24823
```
#a24823 rgb(162,72,35)
```
#b75227
```
#b75227 rgb(183,82,39)
```
#cc5b2c
```
#cc5b2c rgb(204,91,44)
```
#d5693c
```
#d5693c rgb(213,105,60)
```
#da7951
```
#da7951 rgb(218,121,81)
```
#de8a66
```
#de8a66 rgb(222,138,102)
```

Monochromatic Color

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

#cc332c
```
#cc332c rgb(204,51,44)
```
#cc402c
```
#cc402c rgb(204,64,44)
```
#cc4e2c
```
#cc4e2c rgb(204,78,44)
```
#cc5b2c
```
#cc5b2c rgb(204,91,44)
```
#cc682c
```
#cc682c rgb(204,104,44)
```
#cc762c
```
#cc762c rgb(204,118,44)
```
#cc832c
```
#cc832c rgb(204,131,44)
```

Similar Colors

Text with hexadecimal color #cc5b2c

This text has a font color of #cc5b2c.

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

#cc5b2c background color

This paragraph has a background color of #cc5b2c.

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

#cc5b2c border color

This element has a border color of #cc5b2c.

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

CSS codes

.text {color:#cc5b2c;}

.background {background-color:#cc5b2c;}

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

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

#0a0502
```
#0a0502 rgb(10,5,2)
```
#1b0c06
```
#1b0c06 rgb(27,12,6)
```
#2b1309
```
#2b1309 rgb(43,19,9)
```
#3b1a0d
```
#3b1a0d rgb(59,26,13)
```
#4b2110
```
#4b2110 rgb(75,33,16)
```
#5b2914
```
#5b2914 rgb(91,41,20)
```
#6b3017
```
#6b3017 rgb(107,48,23)
```
#7b371b
```
#7b371b rgb(123,55,27)
```
#8b3e1e
```
#8b3e1e rgb(139,62,30)
```
#9c4522
```
#9c4522 rgb(156,69,34)
```
#ac4d25
```
#ac4d25 rgb(172,77,37)
```
#bc5429
```
#bc5429 rgb(188,84,41)
```
#cc5b2c
```
#cc5b2c rgb(204,91,44)
```

Shade Color Variation

#d46638
```
#d46638 rgb(212,102,56)
```
#d77248
```
#d77248 rgb(215,114,72)
```
#db7e58
```
#db7e58 rgb(219,126,88)
```
#de8b68
```
#de8b68 rgb(222,139,104)
```
#e29778
```
#e29778 rgb(226,151,120)
```
#e5a488
```
#e5a488 rgb(229,164,136)
```
#e9b098
```
#e9b098 rgb(233,176,152)
```
#ecbca9
```
#ecbca9 rgb(236,188,169)
```
#f0c9b9
```
#f0c9b9 rgb(240,201,185)
```
#f3d5c9
```
#f3d5c9 rgb(243,213,201)
```
#f7e2d9
```
#f7e2d9 rgb(247,226,217)
```
#faeee9
```
#faeee9 rgb(250,238,233)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#807a78
```
#807a78 rgb(128,122,120)
```
#89776f
```
#89776f rgb(137,119,111)
```
#937365
```
#937365 rgb(147,115,101)
```
#9c6f5c
```
#9c6f5c rgb(156,111,92)
```
#a66b52
```
#a66b52 rgb(166,107,82)
```
#af6749
```
#af6749 rgb(175,103,73)
```
#b9633f
```
#b9633f rgb(185,99,63)
```
#c25f36
```
#c25f36 rgb(194,95,54)
```
#cc5b2c
```
#cc5b2c rgb(204,91,44)
```
#d65722
```
#d65722 rgb(214,87,34)
```
#df5319
```
#df5319 rgb(223,83,25)
```
#e94f0f
```
#e94f0f rgb(233,79,15)
```
#f24b06
```
#f24b06 rgb(242,75,6)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#887168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918340 Protanopia 1% of men
#a37d2e Deuteranopia 1% of men
#d05e64 Tritanopia 0.001% of the population

Trichromacy

#a67538 Protanomaly 1% of men, 0.01% of women
#b2712d Deuteranomaly 6% of men, 0.4% of women
#ce5d4f Tritanomaly 0.01% of the population

#cc5b2c hex color

#cc5b2c Color Information

#cc5b2c Color Conversion

Color Schemes with #cc5b2c

Alternatives to #cc5b2c

#cc5b2c Preview

Shades and Tints of #cc5b2c

Tones of #cc5b2c

Color Blindness Simulator