#cc6b3f hex color

In a RGB color space, hex #cc6b3f is composed of 80% red, 42% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.5% magenta, 69.1% yellow and 20% black. It has a hue angle of 18.7 degrees, a saturation of 58% and a lightness of 52.4%. #cc6b3f color hex could be obtained by blending #ffd67e with #990000. Closest websafe color is: #cc6633.

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

● #cc6b3f color description : Moderate orange.

The hexadecimal color #cc6b3f has RGB values of R:204, G:107, B:63 and CMYK values of C:0, M:0.48, Y:0.69, K:0.2. Its decimal value is 13396799.

Hex triplet	cc6b3f	`#cc6b3f`
RGB Decimal	204, 107, 63	`rgb(204,107,63)`
RGB Percent	80, 42, 24.7	`rgb(80%,42%,24.7%)`
CMYK	0, 48, 69, 20
HSL	18.7°, 58, 52.4	`hsl(18.7,58%,52.4%)`
HSV (or HSB)	18.7°, 69.1, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.801, 34.902, 41.288
XYZ	31.058, 23.714, 7.644
xyY	0.498, 0.38, 23.714
CIE-LCH	55.801, 54.063, 49.791
CIE-LUV	55.801, 76.444, 38.154
Hunter-Lab	48.697, 28.621, 24.781
Binary	11001100, 01101011, 00111111

#cc6b3f
```
#cc6b3f rgb(204,107,63)
```
#3fa0cc
```
#3fa0cc rgb(63,160,204)
```

Complementary Color

#cc3f5a
```
#cc3f5a rgb(204,63,90)
```
#cc6b3f
```
#cc6b3f rgb(204,107,63)
```
#ccb23f
```
#ccb23f rgb(204,178,63)
```

Analogous Color

#3f5acc
```
#3f5acc rgb(63,90,204)
```
#cc6b3f
```
#cc6b3f rgb(204,107,63)
```
#3fccb2
```
#3fccb2 rgb(63,204,178)
```

Split Complementary Color

#6b3fcc
```
#6b3fcc rgb(107,63,204)
```
#cc6b3f
```
#cc6b3f rgb(204,107,63)
```
#3fcc6b
```
#3fcc6b rgb(63,204,107)
```

Triadic Color

#cc3fa0
```
#cc3fa0 rgb(204,63,160)
```
#cc6b3f
```
#cc6b3f rgb(204,107,63)
```
#3fcc6b
```
#3fcc6b rgb(63,204,107)
```
#3fa0cc
```
#3fa0cc rgb(63,160,204)
```

Tetradic Color

#974a28
```
#974a28 rgb(151,74,40)
```
#ab542d
```
#ab542d rgb(171,84,45)
```
#bf5e33
```
#bf5e33 rgb(191,94,51)
```
#cc6b3f
```
#cc6b3f rgb(204,107,63)
```
#d17b53
```
#d17b53 rgb(209,123,83)
```
#d78a67
```
#d78a67 rgb(215,138,103)
```
#dc9a7b
```
#dc9a7b rgb(220,154,123)
```

Monochromatic Color

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

#cc483f
```
#cc483f rgb(204,72,63)
```
#cc543f
```
#cc543f rgb(204,84,63)
```
#cc5f3f
```
#cc5f3f rgb(204,95,63)
```
#cc6b3f
```
#cc6b3f rgb(204,107,63)
```
#cc773f
```
#cc773f rgb(204,119,63)
```
#cc833f
```
#cc833f rgb(204,131,63)
```
#cc8e3f
```
#cc8e3f rgb(204,142,63)
```

Similar Colors

Text with hexadecimal color #cc6b3f

This text has a font color of #cc6b3f.

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

#cc6b3f background color

This paragraph has a background color of #cc6b3f.

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

#cc6b3f border color

This element has a border color of #cc6b3f.

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

CSS codes

.text {color:#cc6b3f;}

.background {background-color:#cc6b3f;}

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

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

#090503
```
#090503 rgb(9,5,3)
```
#190c07
```
#190c07 rgb(25,12,7)
```
#28140b
```
#28140b rgb(40,20,11)
```
#381c0f
```
#381c0f rgb(56,28,15)
```
#472313
```
#472313 rgb(71,35,19)
```
#572b17
```
#572b17 rgb(87,43,23)
```
#66331b
```
#66331b rgb(102,51,27)
```
#763a1f
```
#763a1f rgb(118,58,31)
```
#854223
```
#854223 rgb(133,66,35)
```
#954a28
```
#954a28 rgb(149,74,40)
```
#a4512c
```
#a4512c rgb(164,81,44)
```
#b45930
```
#b45930 rgb(180,89,48)
```
#c36134
```
#c36134 rgb(195,97,52)
```

Shade Color Variation

#cc6b3f
```
#cc6b3f rgb(204,107,63)
```
#d0774e
```
#d0774e rgb(208,119,78)
```
#d4835e
```
#d4835e rgb(212,131,94)
```
#d88f6d
```
#d88f6d rgb(216,143,109)
```
#dc9b7d
```
#dc9b7d rgb(220,155,125)
```
#e1a78c
```
#e1a78c rgb(225,167,140)
```
#e5b39c
```
#e5b39c rgb(229,179,156)
```
#e9bfab
```
#e9bfab rgb(233,191,171)
```
#edcbbb
```
#edcbbb rgb(237,203,187)
```
#f1d7ca
```
#f1d7ca rgb(241,215,202)
```
#f5e2da
```
#f5e2da rgb(245,226,218)
```
#f9eee9
```
#f9eee9 rgb(249,238,233)
```
#fdfaf9
```
#fdfaf9 rgb(253,250,249)
```

Tint Color Variation

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

#8b8480
```
#8b8480 rgb(139,132,128)
```
#948077
```
#948077 rgb(148,128,119)
```
#9d7d6e
```
#9d7d6e rgb(157,125,110)
```
#a77964
```
#a77964 rgb(167,121,100)
```
#b0765b
```
#b0765b rgb(176,118,91)
```
#b97252
```
#b97252 rgb(185,114,82)
```
#c36f48
```
#c36f48 rgb(195,111,72)
```
#cc6b3f
```
#cc6b3f rgb(204,107,63)
```
#d56736
```
#d56736 rgb(213,103,54)
```
#df642c
```
#df642c rgb(223,100,44)
```
#e86023
```
#e86023 rgb(232,96,35)
```
#f15d1a
```
#f15d1a rgb(241,93,26)
```
#fb5910
```
#fb5910 rgb(251,89,16)
```

Tone Color Variation

Below, you can see how #cc6b3f 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
#927e75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998c51 Protanopia 1% of men
#ab8543 Deuteranopia 1% of men
#d16d74 Tritanopia 0.001% of the population

Trichromacy

#ab804a Protanomaly 1% of men, 0.01% of women
#b77b41 Deuteranomaly 6% of men, 0.4% of women
#cf6c60 Tritanomaly 0.01% of the population

#cc6b3f hex color

#cc6b3f Color Information

#cc6b3f Color Conversion

Color Schemes with #cc6b3f

Alternatives to #cc6b3f

#cc6b3f Preview

Shades and Tints of #cc6b3f

Tones of #cc6b3f

Color Blindness Simulator