#cc6e2f hex color

In a RGB color space, hex #cc6e2f is composed of 80% red, 43.1% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.1% magenta, 77% yellow and 20% black. It has a hue angle of 24.1 degrees, a saturation of 62.5% and a lightness of 49.2%. #cc6e2f color hex could be obtained by blending #ffdc5e with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 43
- B 18
RGB color chart
- C 0
- M 46
- Y 77
- K 20
CMYK color chart

● #cc6e2f color description : Strong orange.

The hexadecimal color #cc6e2f has RGB values of R:204, G:110, B:47 and CMYK values of C:0, M:0.46, Y:0.77, K:0.2. Its decimal value is 13397551.

Hex triplet	cc6e2f	`#cc6e2f`
RGB Decimal	204, 110, 47	`rgb(204,110,47)`
RGB Percent	80, 43.1, 18.4	`rgb(80%,43.1%,18.4%)`
CMYK	0, 46, 77, 20
HSL	24.1°, 62.5, 49.2	`hsl(24.1,62.5%,49.2%)`
HSV (or HSB)	24.1°, 77, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.285, 32.572, 49.691
XYZ	30.992, 24.197, 5.728
xyY	0.509, 0.397, 24.197
CIE-LCH	56.285, 59.415, 56.755
CIE-LUV	56.285, 75.868, 44.896
Hunter-Lab	49.191, 26.378, 27.53
Binary	11001100, 01101110, 00101111

#cc6e2f
```
#cc6e2f rgb(204,110,47)
```
#2f8dcc
```
#2f8dcc rgb(47,141,204)
```

Complementary Color

#cc2f3e
```
#cc2f3e rgb(204,47,62)
```
#cc6e2f
```
#cc6e2f rgb(204,110,47)
```
#ccbd2f
```
#ccbd2f rgb(204,189,47)
```

Analogous Color

#2f3fcc
```
#2f3fcc rgb(47,63,204)
```
#cc6e2f
```
#cc6e2f rgb(204,110,47)
```
#2fccbd
```
#2fccbd rgb(47,204,189)
```

Split Complementary Color

#6e2fcc
```
#6e2fcc rgb(110,47,204)
```
#cc6e2f
```
#cc6e2f rgb(204,110,47)
```
#2fcc6e
```
#2fcc6e rgb(47,204,110)
```

Triadic Color

#cc2f8d
```
#cc2f8d rgb(204,47,141)
```
#cc6e2f
```
#cc6e2f rgb(204,110,47)
```
#2fcc6e
```
#2fcc6e rgb(47,204,110)
```
#2f8dcc
```
#2f8dcc rgb(47,141,204)
```

Tetradic Color

#8e4c21
```
#8e4c21 rgb(142,76,33)
```
#a35825
```
#a35825 rgb(163,88,37)
```
#b7632a
```
#b7632a rgb(183,99,42)
```
#cc6e2f
```
#cc6e2f rgb(204,110,47)
```
#d37c41
```
#d37c41 rgb(211,124,65)
```
#d88a56
```
#d88a56 rgb(216,138,86)
```
#dd986b
```
#dd986b rgb(221,152,107)
```

Monochromatic Color

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

#cc472f
```
#cc472f rgb(204,71,47)
```
#cc542f
```
#cc542f rgb(204,84,47)
```
#cc612f
```
#cc612f rgb(204,97,47)
```
#cc6e2f
```
#cc6e2f rgb(204,110,47)
```
#cc7b2f
```
#cc7b2f rgb(204,123,47)
```
#cc882f
```
#cc882f rgb(204,136,47)
```
#cc952f
```
#cc952f rgb(204,149,47)
```

Similar Colors

Text with hexadecimal color #cc6e2f

This text has a font color of #cc6e2f.

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

#cc6e2f background color

This paragraph has a background color of #cc6e2f.

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

#cc6e2f border color

This element has a border color of #cc6e2f.

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

CSS codes

.text {color:#cc6e2f;}

.background {background-color:#cc6e2f;}

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

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

#0d0703
```
#0d0703 rgb(13,7,3)
```
#1d0f07
```
#1d0f07 rgb(29,15,7)
```
#2d180a
```
#2d180a rgb(45,24,10)
```
#3d210e
```
#3d210e rgb(61,33,14)
```
#4c2912
```
#4c2912 rgb(76,41,18)
```
#5c3215
```
#5c3215 rgb(92,50,21)
```
#6c3a19
```
#6c3a19 rgb(108,58,25)
```
#7c431d
```
#7c431d rgb(124,67,29)
```
#8c4c20
```
#8c4c20 rgb(140,76,32)
```
#9c5424
```
#9c5424 rgb(156,84,36)
```
#ac5d28
```
#ac5d28 rgb(172,93,40)
```
#bc652b
```
#bc652b rgb(188,101,43)
```
#cc6e2f
```
#cc6e2f rgb(204,110,47)
```

Shade Color Variation

#d2793c
```
#d2793c rgb(210,121,60)
```
#d6844c
```
#d6844c rgb(214,132,76)
```
#da8f5c
```
#da8f5c rgb(218,143,92)
```
#dd9a6c
```
#dd9a6c rgb(221,154,108)
```
#e1a57c
```
#e1a57c rgb(225,165,124)
```
#e5b08c
```
#e5b08c rgb(229,176,140)
```
#e8bb9c
```
#e8bb9c rgb(232,187,156)
```
#ecc6ac
```
#ecc6ac rgb(236,198,172)
```
#f0d1bc
```
#f0d1bc rgb(240,209,188)
```
#f3dccc
```
#f3dccc rgb(243,220,204)
```
#f7e7dc
```
#f7e7dc rgb(247,231,220)
```
#fbf2ec
```
#fbf2ec rgb(251,242,236)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#7f7d7c
```
#7f7d7c rgb(127,125,124)
```
#887b73
```
#887b73 rgb(136,123,115)
```
#927969
```
#927969 rgb(146,121,105)
```
#9c785f
```
#9c785f rgb(156,120,95)
```
#a57656
```
#a57656 rgb(165,118,86)
```
#af744c
```
#af744c rgb(175,116,76)
```
#b97242
```
#b97242 rgb(185,114,66)
```
#c27039
```
#c27039 rgb(194,112,57)
```
#cc6e2f
```
#cc6e2f rgb(204,110,47)
```
#d66c25
```
#d66c25 rgb(214,108,37)
```
#df6a1c
```
#df6a1c rgb(223,106,28)
```
#e96812
```
#e96812 rgb(233,104,18)
```
#f36608
```
#f36608 rgb(243,102,8)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#927f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8d40 Protanopia 1% of men
#ae8633 Deuteranopia 1% of men
#d16f76 Tritanopia 0.001% of the population

Trichromacy

#ad813a Protanomaly 1% of men, 0.01% of women
#b97d32 Deuteranomaly 6% of men, 0.4% of women
#cf6e5c Tritanomaly 0.01% of the population

#cc6e2f hex color

#cc6e2f Color Information

#cc6e2f Color Conversion

Color Schemes with #cc6e2f

Alternatives to #cc6e2f

#cc6e2f Preview

Shades and Tints of #cc6e2f

Tones of #cc6e2f

Color Blindness Simulator