#cc6a1d hex color

In a RGB color space, hex #cc6a1d is composed of 80% red, 41.6% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48% magenta, 85.8% yellow and 20% black. It has a hue angle of 26.4 degrees, a saturation of 75.1% and a lightness of 45.7%. #cc6a1d color hex could be obtained by blending #ffd43a with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 42
- B 11
RGB color chart
- C 0
- M 48
- Y 86
- K 20
CMYK color chart

● #cc6a1d color description : Strong orange.

The hexadecimal color #cc6a1d has RGB values of R:204, G:106, B:29 and CMYK values of C:0, M:0.48, Y:0.86, K:0.2. Its decimal value is 13396509.

Hex triplet	cc6a1d	`#cc6a1d`
RGB Decimal	204, 106, 29	`rgb(204,106,29)`
RGB Percent	80, 41.6, 11.4	`rgb(80%,41.6%,11.4%)`
CMYK	0, 48, 86, 20
HSL	26.4°, 75.1, 45.7	`hsl(26.4,75.1%,45.7%)`
HSV (or HSB)	26.4°, 85.8, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.316, 34.089, 56.179
XYZ	30.279, 23.237, 4.053
xyY	0.526, 0.404, 23.237
CIE-LCH	55.316, 65.713, 58.751
CIE-LUV	55.316, 80.485, 47.849
Hunter-Lab	48.205, 27.763, 28.758
Binary	11001100, 01101010, 00011101

#cc6a1d
```
#cc6a1d rgb(204,106,29)
```
#1d7fcc
```
#1d7fcc rgb(29,127,204)
```

Complementary Color

#cc1d28
```
#cc1d28 rgb(204,29,40)
```
#cc6a1d
```
#cc6a1d rgb(204,106,29)
```
#ccc21d
```
#ccc21d rgb(204,194,29)
```

Analogous Color

#1d28cc
```
#1d28cc rgb(29,40,204)
```
#cc6a1d
```
#cc6a1d rgb(204,106,29)
```
#1dccc2
```
#1dccc2 rgb(29,204,194)
```

Split Complementary Color

#6a1dcc
```
#6a1dcc rgb(106,29,204)
```
#cc6a1d
```
#cc6a1d rgb(204,106,29)
```
#1dcc6a
```
#1dcc6a rgb(29,204,106)
```

Triadic Color

#cc1d7f
```
#cc1d7f rgb(204,29,127)
```
#cc6a1d
```
#cc6a1d rgb(204,106,29)
```
#1dcc6a
```
#1dcc6a rgb(29,204,106)
```
#1d7fcc
```
#1d7fcc rgb(29,127,204)
```

Tetradic Color

#894713
```
#894713 rgb(137,71,19)
```
#9f5317
```
#9f5317 rgb(159,83,23)
```
#b65e1a
```
#b65e1a rgb(182,94,26)
```
#cc6a1d
```
#cc6a1d rgb(204,106,29)
```
#e07623
```
#e07623 rgb(224,118,35)
```
#e38439
```
#e38439 rgb(227,132,57)
```
#e6924f
```
#e6924f rgb(230,146,79)
```

Monochromatic Color

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

#cc3e1d
```
#cc3e1d rgb(204,62,29)
```
#cc4d1d
```
#cc4d1d rgb(204,77,29)
```
#cc5b1d
```
#cc5b1d rgb(204,91,29)
```
#cc6a1d
```
#cc6a1d rgb(204,106,29)
```
#cc791d
```
#cc791d rgb(204,121,29)
```
#cc871d
```
#cc871d rgb(204,135,29)
```
#cc961d
```
#cc961d rgb(204,150,29)
```

Similar Colors

Text with hexadecimal color #cc6a1d

This text has a font color of #cc6a1d.

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

#cc6a1d background color

This paragraph has a background color of #cc6a1d.

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

#cc6a1d border color

This element has a border color of #cc6a1d.

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

CSS codes

.text {color:#cc6a1d;}

.background {background-color:#cc6a1d;}

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

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

#0f0802
```
#0f0802 rgb(15,8,2)
```
#201105
```
#201105 rgb(32,17,5)
```
#311a07
```
#311a07 rgb(49,26,7)
```
#432309
```
#432309 rgb(67,35,9)
```
#542c0c
```
#542c0c rgb(84,44,12)
```
#65340e
```
#65340e rgb(101,52,14)
```
#763d11
```
#763d11 rgb(118,61,17)
```
#874613
```
#874613 rgb(135,70,19)
```
#984f16
```
#984f16 rgb(152,79,22)
```
#aa5818
```
#aa5818 rgb(170,88,24)
```
#bb611b
```
#bb611b rgb(187,97,27)
```
#cc6a1d
```
#cc6a1d rgb(204,106,29)
```
#dd731f
```
#dd731f rgb(221,115,31)
```

Shade Color Variation

#e17d2f
```
#e17d2f rgb(225,125,47)
```
#e48840
```
#e48840 rgb(228,136,64)
```
#e69351
```
#e69351 rgb(230,147,81)
```
#e99d62
```
#e99d62 rgb(233,157,98)
```
#eba874
```
#eba874 rgb(235,168,116)
```
#eeb385
```
#eeb385 rgb(238,179,133)
```
#f0be96
```
#f0be96 rgb(240,190,150)
```
#f2c8a7
```
#f2c8a7 rgb(242,200,167)
```
#f5d3b8
```
#f5d3b8 rgb(245,211,184)
```
#f7dec9
```
#f7dec9 rgb(247,222,201)
```
#fae8db
```
#fae8db rgb(250,232,219)
```
#fcf3ec
```
#fcf3ec rgb(252,243,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#7b746e
```
#7b746e rgb(123,116,110)
```
#847365
```
#847365 rgb(132,115,101)
```
#8d725c
```
#8d725c rgb(141,114,92)
```
#967053
```
#967053 rgb(150,112,83)
```
#9f6f4a
```
#9f6f4a rgb(159,111,74)
```
#a86e41
```
#a86e41 rgb(168,110,65)
```
#b16d38
```
#b16d38 rgb(177,109,56)
```
#ba6c2f
```
#ba6c2f rgb(186,108,47)
```
#c36b26
```
#c36b26 rgb(195,107,38)
```
#cc6a1d
```
#cc6a1d rgb(204,106,29)
```
#d56914
```
#d56914 rgb(213,105,20)
```
#de680b
```
#de680b rgb(222,104,11)
```
#e76702
```
#e76702 rgb(231,103,2)
```

Tone Color Variation

Below, you can see how #cc6a1d 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
#8e7b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8b2f Protanopia 1% of men
#ad841e Deuteranopia 1% of men
#d16a71 Tritanopia 0.001% of the population

Trichromacy

#ac7f28 Protanomaly 1% of men, 0.01% of women
#b87a1e Deuteranomaly 6% of men, 0.4% of women
#cf6a52 Tritanomaly 0.01% of the population

#cc6a1d hex color

#cc6a1d Color Information

#cc6a1d Color Conversion

Color Schemes with #cc6a1d

Alternatives to #cc6a1d

#cc6a1d Preview

Shades and Tints of #cc6a1d

Tones of #cc6a1d

Color Blindness Simulator