#cc901d hex color

In a RGB color space, hex #cc901d is composed of 80% red, 56.5% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.4% magenta, 85.8% yellow and 20% black. It has a hue angle of 39.4 degrees, a saturation of 75.1% and a lightness of 45.7%. #cc901d color hex could be obtained by blending #ffff3a with #992100. Closest websafe color is: #cc9933.

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

● #cc901d color description : Strong orange.

The hexadecimal color #cc901d has RGB values of R:204, G:144, B:29 and CMYK values of C:0, M:0.29, Y:0.86, K:0.2. Its decimal value is 13406237.

Hex triplet	cc901d	`#cc901d`
RGB Decimal	204, 144, 29	`rgb(204,144,29)`
RGB Percent	80, 56.5, 11.4	`rgb(80%,56.5%,11.4%)`
CMYK	0, 29, 86, 20
HSL	39.4°, 75.1, 45.7	`hsl(39.4,75.1%,45.7%)`
HSV (or HSB)	39.4°, 85.8, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.059, 13.632, 63.395
XYZ	35.098, 32.875, 5.659
xyY	0.477, 0.446, 32.875
CIE-LCH	64.059, 64.844, 77.864
CIE-LUV	64.059, 49.687, 61.919
Hunter-Lab	57.337, 8.927, 34.283
Binary	11001100, 10010000, 00011101

#cc901d
```
#cc901d rgb(204,144,29)
```
#1d59cc
```
#1d59cc rgb(29,89,204)
```

Complementary Color

#cc391d
```
#cc391d rgb(204,57,29)
```
#cc901d
```
#cc901d rgb(204,144,29)
```
#b1cc1d
```
#b1cc1d rgb(177,204,29)
```

Analogous Color

#381dcc
```
#381dcc rgb(56,29,204)
```
#cc901d
```
#cc901d rgb(204,144,29)
```
#1db1cc
```
#1db1cc rgb(29,177,204)
```

Split Complementary Color

#901dcc
```
#901dcc rgb(144,29,204)
```
#cc901d
```
#cc901d rgb(204,144,29)
```
#1dcc90
```
#1dcc90 rgb(29,204,144)
```

Triadic Color

#cc1d59
```
#cc1d59 rgb(204,29,89)
```
#cc901d
```
#cc901d rgb(204,144,29)
```
#1dcc90
```
#1dcc90 rgb(29,204,144)
```
#1d59cc
```
#1d59cc rgb(29,89,204)
```

Tetradic Color

#896113
```
#896113 rgb(137,97,19)
```
#9f7017
```
#9f7017 rgb(159,112,23)
```
#b6801a
```
#b6801a rgb(182,128,26)
```
#cc901d
```
#cc901d rgb(204,144,29)
```
#e09f23
```
#e09f23 rgb(224,159,35)
```
#e3a939
```
#e3a939 rgb(227,169,57)
```
#e6b24f
```
#e6b24f rgb(230,178,79)
```

Monochromatic Color

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

#cc641d
```
#cc641d rgb(204,100,29)
```
#cc731d
```
#cc731d rgb(204,115,29)
```
#cc811d
```
#cc811d rgb(204,129,29)
```
#cc901d
```
#cc901d rgb(204,144,29)
```
#cc9f1d
```
#cc9f1d rgb(204,159,29)
```
#ccad1d
```
#ccad1d rgb(204,173,29)
```
#ccbc1d
```
#ccbc1d rgb(204,188,29)
```

Similar Colors

Text with hexadecimal color #cc901d

This text has a font color of #cc901d.

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

#cc901d background color

This paragraph has a background color of #cc901d.

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

#cc901d border color

This element has a border color of #cc901d.

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

CSS codes

.text {color:#cc901d;}

.background {background-color:#cc901d;}

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

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

#0f0b02
```
#0f0b02 rgb(15,11,2)
```
#201705
```
#201705 rgb(32,23,5)
```
#312307
```
#312307 rgb(49,35,7)
```
#432f09
```
#432f09 rgb(67,47,9)
```
#543b0c
```
#543b0c rgb(84,59,12)
```
#65470e
```
#65470e rgb(101,71,14)
```
#765311
```
#765311 rgb(118,83,17)
```
#876013
```
#876013 rgb(135,96,19)
```
#986c16
```
#986c16 rgb(152,108,22)
```
#aa7818
```
#aa7818 rgb(170,120,24)
```
#bb841b
```
#bb841b rgb(187,132,27)
```
#cc901d
```
#cc901d rgb(204,144,29)
```
#dd9c1f
```
#dd9c1f rgb(221,156,31)
```

Shade Color Variation

#e1a42f
```
#e1a42f rgb(225,164,47)
```
#e4ac40
```
#e4ac40 rgb(228,172,64)
```
#e6b351
```
#e6b351 rgb(230,179,81)
```
#e9bb62
```
#e9bb62 rgb(233,187,98)
```
#ebc274
```
#ebc274 rgb(235,194,116)
```
#eeca85
```
#eeca85 rgb(238,202,133)
```
#f0d196
```
#f0d196 rgb(240,209,150)
```
#f2d9a7
```
#f2d9a7 rgb(242,217,167)
```
#f5e0b8
```
#f5e0b8 rgb(245,224,184)
```
#f7e8c9
```
#f7e8c9 rgb(247,232,201)
```
#faefdb
```
#faefdb rgb(250,239,219)
```
#fcf7ec
```
#fcf7ec rgb(252,247,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#7b776e
```
#7b776e rgb(123,119,110)
```
#847965
```
#847965 rgb(132,121,101)
```
#8d7c5c
```
#8d7c5c rgb(141,124,92)
```
#967f53
```
#967f53 rgb(150,127,83)
```
#9f824a
```
#9f824a rgb(159,130,74)
```
#a88541
```
#a88541 rgb(168,133,65)
```
#b18838
```
#b18838 rgb(177,136,56)
```
#ba8a2f
```
#ba8a2f rgb(186,138,47)
```
#c38d26
```
#c38d26 rgb(195,141,38)
```
#cc901d
```
#cc901d rgb(204,144,29)
```
#d59314
```
#d59314 rgb(213,147,20)
```
#de960b
```
#de960b rgb(222,150,11)
```
#e79802
```
#e79802 rgb(231,152,2)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a0947d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a02b Protanopia 1% of men
#c89826 Deuteranopia 1% of men
#d58c95 Tritanopia 0.001% of the population

Trichromacy

#bc9a26 Protanomaly 1% of men, 0.01% of women
#c99523 Deuteranomaly 6% of men, 0.4% of women
#d18d69 Tritanomaly 0.01% of the population

#cc901d hex color

#cc901d Color Information

#cc901d Color Conversion

Color Schemes with #cc901d

Alternatives to #cc901d

#cc901d Preview

Shades and Tints of #cc901d

Tones of #cc901d

Color Blindness Simulator