#cc5509 hex color

In a RGB color space, hex #cc5509 is composed of 80% red, 33.3% green and 3.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 95.6% yellow and 20% black. It has a hue angle of 23.4 degrees, a saturation of 91.5% and a lightness of 41.8%. #cc5509 color hex could be obtained by blending #ffaa12 with #990000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 80
- G 33
- B 4
RGB color chart
- C 0
- M 58
- Y 96
- K 20
CMYK color chart

● #cc5509 color description : Strong orange.

The hexadecimal color #cc5509 has RGB values of R:204, G:85, B:9 and CMYK values of C:0, M:0.58, Y:0.96, K:0.2. Its decimal value is 13391113.

Hex triplet	cc5509	`#cc5509`
RGB Decimal	204, 85, 9	`rgb(204,85,9)`
RGB Percent	80, 33.3, 3.5	`rgb(80%,33.3%,3.5%)`
CMYK	0, 58, 96, 20
HSL	23.4°, 91.5, 41.8	`hsl(23.4,91.5%,41.8%)`
HSV (or HSB)	23.4°, 95.6, 80
Web Safe	cc6600	`#cc6600`

CIE-LAB	51.102, 44.252, 58.775
XYZ	28.201, 19.357, 2.51
xyY	0.563, 0.387, 19.357
CIE-LCH	51.102, 73.572, 53.024
CIE-LUV	51.102, 98.382, 43.793
Hunter-Lab	43.997, 37.42, 27.416
Binary	11001100, 01010101, 00001001

#cc5509
```
#cc5509 rgb(204,85,9)
```
#0980cc
```
#0980cc rgb(9,128,204)
```

Complementary Color

#cc091e
```
#cc091e rgb(204,9,30)
```
#cc5509
```
#cc5509 rgb(204,85,9)
```
#ccb709
```
#ccb709 rgb(204,183,9)
```

Analogous Color

#091ecc
```
#091ecc rgb(9,30,204)
```
#cc5509
```
#cc5509 rgb(204,85,9)
```
#09ccb7
```
#09ccb7 rgb(9,204,183)
```

Split Complementary Color

#5509cc
```
#5509cc rgb(85,9,204)
```
#cc5509
```
#cc5509 rgb(204,85,9)
```
#09cc55
```
#09cc55 rgb(9,204,85)
```

Triadic Color

#cc0980
```
#cc0980 rgb(204,9,128)
```
#cc5509
```
#cc5509 rgb(204,85,9)
```
#09cc55
```
#09cc55 rgb(9,204,85)
```
#0980cc
```
#0980cc rgb(9,128,204)
```

Tetradic Color

#833606
```
#833606 rgb(131,54,6)
```
#9b4107
```
#9b4107 rgb(155,65,7)
```
#b44b08
```
#b44b08 rgb(180,75,8)
```
#cc5509
```
#cc5509 rgb(204,85,9)
```
#e45f0a
```
#e45f0a rgb(228,95,10)
```
#f56b13
```
#f56b13 rgb(245,107,19)
```
#f67a2c
```
#f67a2c rgb(246,122,44)
```

Monochromatic Color

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

#cc2409
```
#cc2409 rgb(204,36,9)
```
#cc3509
```
#cc3509 rgb(204,53,9)
```
#cc4509
```
#cc4509 rgb(204,69,9)
```
#cc5509
```
#cc5509 rgb(204,85,9)
```
#cc6509
```
#cc6509 rgb(204,101,9)
```
#cc7609
```
#cc7609 rgb(204,118,9)
```
#cc8609
```
#cc8609 rgb(204,134,9)
```

Similar Colors

Text with hexadecimal color #cc5509

This text has a font color of #cc5509.

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

#cc5509 background color

This paragraph has a background color of #cc5509.

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

#cc5509 border color

This element has a border color of #cc5509.

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

CSS codes

.text {color:#cc5509;}

.background {background-color:#cc5509;}

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

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

#100701
```
#100701 rgb(16,7,1)
```
#230f02
```
#230f02 rgb(35,15,2)
```
#361602
```
#361602 rgb(54,22,2)
```
#481e03
```
#481e03 rgb(72,30,3)
```
#5b2604
```
#5b2604 rgb(91,38,4)
```
#6e2e05
```
#6e2e05 rgb(110,46,5)
```
#813606
```
#813606 rgb(129,54,6)
```
#943e07
```
#943e07 rgb(148,62,7)
```
#a64507
```
#a64507 rgb(166,69,7)
```
#b94d08
```
#b94d08 rgb(185,77,8)
```
#cc5509
```
#cc5509 rgb(204,85,9)
```
#df5d0a
```
#df5d0a rgb(223,93,10)
```
#f2650b
```
#f2650b rgb(242,101,11)
```

Shade Color Variation

#f5701b
```
#f5701b rgb(245,112,27)
```
#f67c2e
```
#f67c2e rgb(246,124,46)
```
#f78740
```
#f78740 rgb(247,135,64)
```
#f79353
```
#f79353 rgb(247,147,83)
```
#f89f66
```
#f89f66 rgb(248,159,102)
```
#f9ab79
```
#f9ab79 rgb(249,171,121)
```
#fab78c
```
#fab78c rgb(250,183,140)
```
#fbc29e
```
#fbc29e rgb(251,194,158)
```
#fcceb1
```
#fcceb1 rgb(252,206,177)
```
#fcdac4
```
#fcdac4 rgb(252,218,196)
```
#fde6d7
```
#fde6d7 rgb(253,230,215)
```
#fef2ea
```
#fef2ea rgb(254,242,234)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#726963
```
#726963 rgb(114,105,99)
```
#7a675b
```
#7a675b rgb(122,103,91)
```
#826553
```
#826553 rgb(130,101,83)
```
#8a634b
```
#8a634b rgb(138,99,75)
```
#936242
```
#936242 rgb(147,98,66)
```
#9b603a
```
#9b603a rgb(155,96,58)
```
#a35e32
```
#a35e32 rgb(163,94,50)
```
#ab5c2a
```
#ab5c2a rgb(171,92,42)
```
#b35a22
```
#b35a22 rgb(179,90,34)
```
#bc5919
```
#bc5919 rgb(188,89,25)
```
#c45711
```
#c45711 rgb(196,87,17)
```
#cc5509
```
#cc5509 rgb(204,85,9)
```
#d45301
```
#d45301 rgb(212,83,1)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#826b5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#90801f Protanopia 1% of men
#a07a00 Deuteranopia 1% of men
#d0575c Tritanopia 0.001% of the population

Trichromacy

#a57017 Protanomaly 1% of men, 0.01% of women
#b06c03 Deuteranomaly 6% of men, 0.4% of women
#cf563e Tritanomaly 0.01% of the population

#cc5509 hex color

#cc5509 Color Information

#cc5509 Color Conversion

Color Schemes with #cc5509

Alternatives to #cc5509

#cc5509 Preview

Shades and Tints of #cc5509

Tones of #cc5509

Color Blindness Simulator