#cc9f3e hex color

In a RGB color space, hex #cc9f3e is composed of 80% red, 62.4% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.1% magenta, 69.6% yellow and 20% black. It has a hue angle of 41 degrees, a saturation of 58.2% and a lightness of 52.2%. #cc9f3e color hex could be obtained by blending #ffff7c with #993f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 62
- B 24
RGB color chart
- C 0
- M 22
- Y 70
- K 20
CMYK color chart

● #cc9f3e color description : Moderate orange.

The hexadecimal color #cc9f3e has RGB values of R:204, G:159, B:62 and CMYK values of C:0, M:0.22, Y:0.7, K:0.2. Its decimal value is 13410110.

Hex triplet	cc9f3e	`#cc9f3e`
RGB Decimal	204, 159, 62	`rgb(204,159,62)`
RGB Percent	80, 62.4, 24.3	`rgb(80%,62.4%,24.3%)`
CMYK	0, 22, 70, 20
HSL	41°, 58.2, 52.2	`hsl(41,58.2%,52.2%)`
HSV (or HSB)	41°, 69.6, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.008, 6.786, 54.974
XYZ	38.17, 37.983, 9.878
xyY	0.444, 0.442, 37.983
CIE-LCH	68.008, 55.391, 82.963
CIE-LUV	68.008, 36.812, 59.989
Hunter-Lab	61.631, 2.698, 33.638
Binary	11001100, 10011111, 00111110

#cc9f3e
```
#cc9f3e rgb(204,159,62)
```
#3e6bcc
```
#3e6bcc rgb(62,107,204)
```

Complementary Color

#cc583e
```
#cc583e rgb(204,88,62)
```
#cc9f3e
```
#cc9f3e rgb(204,159,62)
```
#b2cc3e
```
#b2cc3e rgb(178,204,62)
```

Analogous Color

#583ecc
```
#583ecc rgb(88,62,204)
```
#cc9f3e
```
#cc9f3e rgb(204,159,62)
```
#3eb2cc
```
#3eb2cc rgb(62,178,204)
```

Split Complementary Color

#9f3ecc
```
#9f3ecc rgb(159,62,204)
```
#cc9f3e
```
#cc9f3e rgb(204,159,62)
```
#3ecc9f
```
#3ecc9f rgb(62,204,159)
```

Triadic Color

#cc3e6b
```
#cc3e6b rgb(204,62,107)
```
#cc9f3e
```
#cc9f3e rgb(204,159,62)
```
#3ecc9f
```
#3ecc9f rgb(62,204,159)
```
#3e6bcc
```
#3e6bcc rgb(62,107,204)
```

Tetradic Color

#967328
```
#967328 rgb(150,115,40)
```
#aa822d
```
#aa822d rgb(170,130,45)
```
#be9232
```
#be9232 rgb(190,146,50)
```
#cc9f3e
```
#cc9f3e rgb(204,159,62)
```
#d1a952
```
#d1a952 rgb(209,169,82)
```
#d7b366
```
#d7b366 rgb(215,179,102)
```
#dcbd7b
```
#dcbd7b rgb(220,189,123)
```

Monochromatic Color

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

#cc7c3e
```
#cc7c3e rgb(204,124,62)
```
#cc873e
```
#cc873e rgb(204,135,62)
```
#cc933e
```
#cc933e rgb(204,147,62)
```
#cc9f3e
```
#cc9f3e rgb(204,159,62)
```
#ccab3e
```
#ccab3e rgb(204,171,62)
```
#ccb73e
```
#ccb73e rgb(204,183,62)
```
#ccc33e
```
#ccc33e rgb(204,195,62)
```

Similar Colors

Text with hexadecimal color #cc9f3e

This text has a font color of #cc9f3e.

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

#cc9f3e background color

This paragraph has a background color of #cc9f3e.

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

#cc9f3e border color

This element has a border color of #cc9f3e.

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

CSS codes

.text {color:#cc9f3e;}

.background {background-color:#cc9f3e;}

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

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

#090702
```
#090702 rgb(9,7,2)
```
#181306
```
#181306 rgb(24,19,6)
```
#281e0a
```
#281e0a rgb(40,30,10)
```
#372a0f
```
#372a0f rgb(55,42,15)
```
#473613
```
#473613 rgb(71,54,19)
```
#564217
```
#564217 rgb(86,66,23)
```
#664e1b
```
#664e1b rgb(102,78,27)
```
#755a1f
```
#755a1f rgb(117,90,31)
```
#856623
```
#856623 rgb(133,102,35)
```
#947227
```
#947227 rgb(148,114,39)
```
#a47e2b
```
#a47e2b rgb(164,126,43)
```
#b38a2f
```
#b38a2f rgb(179,138,47)
```
#c39533
```
#c39533 rgb(195,149,51)
```

Shade Color Variation

#cc9f3e
```
#cc9f3e rgb(204,159,62)
```
#d0a74e
```
#d0a74e rgb(208,167,78)
```
#d4ae5d
```
#d4ae5d rgb(212,174,93)
```
#d8b66d
```
#d8b66d rgb(216,182,109)
```
#dcbe7c
```
#dcbe7c rgb(220,190,124)
```
#e0c68c
```
#e0c68c rgb(224,198,140)
```
#e5cd9b
```
#e5cd9b rgb(229,205,155)
```
#e9d5ab
```
#e9d5ab rgb(233,213,171)
```
#edddba
```
#edddba rgb(237,221,186)
```
#f1e4ca
```
#f1e4ca rgb(241,228,202)
```
#f5ecd9
```
#f5ecd9 rgb(245,236,217)
```
#f9f4e9
```
#f9f4e9 rgb(249,244,233)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,248)
```

Tint Color Variation

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

#8a8780
```
#8a8780 rgb(138,135,128)
```
#948a76
```
#948a76 rgb(148,138,118)
```
#9d8e6d
```
#9d8e6d rgb(157,142,109)
```
#a69164
```
#a69164 rgb(166,145,100)
```
#b0955a
```
#b0955a rgb(176,149,90)
```
#b99851
```
#b99851 rgb(185,152,81)
```
#c39c47
```
#c39c47 rgb(195,156,71)
```
#cc9f3e
```
#cc9f3e rgb(204,159,62)
```
#d5a235
```
#d5a235 rgb(213,162,53)
```
#dfa62b
```
#dfa62b rgb(223,166,43)
```
#e8a922
```
#e8a922 rgb(232,169,34)
```
#f2ad18
```
#f2ad18 rgb(242,173,24)
```
#fbb00f
```
#fbb00f rgb(251,176,15)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#aaa18d Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcaa49 Protanopia 1% of men
#d2a248 Deuteranopia 1% of men
#d69aa5 Tritanopia 0.001% of the population

Trichromacy

#c2a645 Protanomaly 1% of men, 0.01% of women
#cfa144 Deuteranomaly 6% of men, 0.4% of women
#d29c7f Tritanomaly 0.01% of the population

#cc9f3e hex color

#cc9f3e Color Information

#cc9f3e Color Conversion

Color Schemes with #cc9f3e

Alternatives to #cc9f3e

#cc9f3e Preview

Shades and Tints of #cc9f3e

Tones of #cc9f3e

Color Blindness Simulator