#cc9c1f hex color

In a RGB color space, hex #cc9c1f is composed of 80% red, 61.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 84.8% yellow and 20% black. It has a hue angle of 43.4 degrees, a saturation of 73.6% and a lightness of 46.1%. #cc9c1f color hex could be obtained by blending #ffff3e with #993900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 61
- B 12
RGB color chart
- C 0
- M 24
- Y 85
- K 20
CMYK color chart

● #cc9c1f color description : Strong orange.

The hexadecimal color #cc9c1f has RGB values of R:204, G:156, B:31 and CMYK values of C:0, M:0.24, Y:0.85, K:0.2. Its decimal value is 13409311.

Hex triplet	cc9c1f	`#cc9c1f`
RGB Decimal	204, 156, 31	`rgb(204,156,31)`
RGB Percent	80, 61.2, 12.2	`rgb(80%,61.2%,12.2%)`
CMYK	0, 24, 85, 20
HSL	43.4°, 73.6, 46.1	`hsl(43.4,73.6%,46.1%)`
HSV (or HSB)	43.4°, 84.8, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.063, 7.179, 65.319
XYZ	37.038, 36.715, 6.432
xyY	0.462, 0.458, 36.715
CIE-LCH	67.063, 65.712, 83.728
CIE-LUV	67.063, 40.286, 66.244
Hunter-Lab	60.593, 3.073, 36.121
Binary	11001100, 10011100, 00011111

#cc9c1f
```
#cc9c1f rgb(204,156,31)
```
#1f4fcc
```
#1f4fcc rgb(31,79,204)
```

Complementary Color

#cc461f
```
#cc461f rgb(204,70,31)
```
#cc9c1f
```
#cc9c1f rgb(204,156,31)
```
#a6cc1f
```
#a6cc1f rgb(166,204,31)
```

Analogous Color

#451fcc
```
#451fcc rgb(69,31,204)
```
#cc9c1f
```
#cc9c1f rgb(204,156,31)
```
#1fa6cc
```
#1fa6cc rgb(31,166,204)
```

Split Complementary Color

#9c1fcc
```
#9c1fcc rgb(156,31,204)
```
#cc9c1f
```
#cc9c1f rgb(204,156,31)
```
#1fcc9c
```
#1fcc9c rgb(31,204,156)
```

Triadic Color

#cc1f4f
```
#cc1f4f rgb(204,31,79)
```
#cc9c1f
```
#cc9c1f rgb(204,156,31)
```
#1fcc9c
```
#1fcc9c rgb(31,204,156)
```
#1f4fcc
```
#1f4fcc rgb(31,79,204)
```

Tetradic Color

#8a6915
```
#8a6915 rgb(138,105,21)
```
#a07a18
```
#a07a18 rgb(160,122,24)
```
#b68b1c
```
#b68b1c rgb(182,139,28)
```
#cc9c1f
```
#cc9c1f rgb(204,156,31)
```
#deab26
```
#deab26 rgb(222,171,38)
```
#e1b43d
```
#e1b43d rgb(225,180,61)
```
#e5bc53
```
#e5bc53 rgb(229,188,83)
```

Monochromatic Color

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

#cc711f
```
#cc711f rgb(204,113,31)
```
#cc7f1f
```
#cc7f1f rgb(204,127,31)
```
#cc8e1f
```
#cc8e1f rgb(204,142,31)
```
#cc9c1f
```
#cc9c1f rgb(204,156,31)
```
#ccaa1f
```
#ccaa1f rgb(204,170,31)
```
#ccb91f
```
#ccb91f rgb(204,185,31)
```
#ccc71f
```
#ccc71f rgb(204,199,31)
```

Similar Colors

Text with hexadecimal color #cc9c1f

This text has a font color of #cc9c1f.

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

#cc9c1f background color

This paragraph has a background color of #cc9c1f.

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

#cc9c1f border color

This element has a border color of #cc9c1f.

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

CSS codes

.text {color:#cc9c1f;}

.background {background-color:#cc9c1f;}

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

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, #110d03 is the darkest color, while #ffffff is the lightest one.

#110d03
```
#110d03 rgb(17,13,3)
```
#221a05
```
#221a05 rgb(34,26,5)
```
#332708
```
#332708 rgb(51,39,8)
```
#44340a
```
#44340a rgb(68,52,10)
```
#55410d
```
#55410d rgb(85,65,13)
```
#664e0f
```
#664e0f rgb(102,78,15)
```
#775b12
```
#775b12 rgb(119,91,18)
```
#886815
```
#886815 rgb(136,104,21)
```
#997517
```
#997517 rgb(153,117,23)
```
#aa821a
```
#aa821a rgb(170,130,26)
```
#bb8f1c
```
#bb8f1c rgb(187,143,28)
```
#cc9c1f
```
#cc9c1f rgb(204,156,31)
```
#dda922
```
#dda922 rgb(221,169,34)
```

Shade Color Variation

#e0b032
```
#e0b032 rgb(224,176,50)
```
#e2b643
```
#e2b643 rgb(226,182,67)
```
#e5bd54
```
#e5bd54 rgb(229,189,84)
```
#e8c465
```
#e8c465 rgb(232,196,101)
```
#eaca76
```
#eaca76 rgb(234,202,118)
```
#edd187
```
#edd187 rgb(237,209,135)
```
#efd798
```
#efd798 rgb(239,215,152)
```
#f2deaa
```
#f2deaa rgb(242,222,170)
```
#f5e4bb
```
#f5e4bb rgb(245,228,187)
```
#f7ebcc
```
#f7ebcc rgb(247,235,204)
```
#faf2dd
```
#faf2dd rgb(250,242,221)
```
#fcf8ee
```
#fcf8ee rgb(252,248,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7870
```
#7b7870 rgb(123,120,112)
```
#847c67
```
#847c67 rgb(132,124,103)
```
#8d805e
```
#8d805e rgb(141,128,94)
```
#968455
```
#968455 rgb(150,132,85)
```
#9f884c
```
#9f884c rgb(159,136,76)
```
#a88c43
```
#a88c43 rgb(168,140,67)
```
#b1903a
```
#b1903a rgb(177,144,58)
```
#ba9431
```
#ba9431 rgb(186,148,49)
```
#c39828
```
#c39828 rgb(195,152,40)
```
#cc9c1f
```
#cc9c1f rgb(204,156,31)
```
#d5a016
```
#d5a016 rgb(213,160,22)
```
#dea40d
```
#dea40d rgb(222,164,13)
```
#e7a804
```
#e7a804 rgb(231,168,4)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a69c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bba82c Protanopia 1% of men
#d19f2b Deuteranopia 1% of men
#d696a1 Tritanopia 0.001% of the population

Trichromacy

#c1a327 Protanomaly 1% of men, 0.01% of women
#cf9e26 Deuteranomaly 6% of men, 0.4% of women
#d29871 Tritanomaly 0.01% of the population

#cc9c1f hex color

#cc9c1f Color Information

#cc9c1f Color Conversion

Color Schemes with #cc9c1f

Alternatives to #cc9c1f

#cc9c1f Preview

Shades and Tints of #cc9c1f

Tones of #cc9c1f

Color Blindness Simulator