colorhexa.com

#cc6d09 hex color

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

- R 80
- G 43
- B 4
RGB color chart
- C 0
- M 47
- Y 96
- K 20
CMYK color chart

● #cc6d09 color description : Strong orange.

The hexadecimal color #cc6d09 has RGB values of R:204, G:109, B:9 and CMYK values of C:0, M:0.47, Y:0.96, K:0.2. Its decimal value is 13397257.

Hex triplet	cc6d09	`#cc6d09`
RGB Decimal	204, 109, 9	`rgb(204,109,9)`
RGB Percent	80, 42.7, 3.5	`rgb(80%,42.7%,3.5%)`
CMYK	0, 47, 96, 20
HSL	30.8°, 91.5, 41.8	`hsl(30.8,91.5%,41.8%)`
HSV (or HSB)	30.8°, 95.6, 80
Web Safe	cc6600	`#cc6600`

CIE-LAB	55.884, 32.172, 61.9
XYZ	30.421, 23.797, 3.25
xyY	0.529, 0.414, 23.797
CIE-LCH	55.884, 69.761, 62.537
CIE-LUV	55.884, 78.875, 51.561
Hunter-Lab	48.782, 25.945, 30.198
Binary	11001100, 01101101, 00001001

#cc6d09
```
#cc6d09 rgb(204,109,9)
```
#0968cc
```
#0968cc rgb(9,104,204)
```

Complementary Color

#cc0c09
```
#cc0c09 rgb(204,12,9)
```
#cc6d09
```
#cc6d09 rgb(204,109,9)
```
#cacc09
```
#cacc09 rgb(202,204,9)
```

Analogous Color

#0c09cc
```
#0c09cc rgb(12,9,204)
```
#cc6d09
```
#cc6d09 rgb(204,109,9)
```
#09cacc
```
#09cacc rgb(9,202,204)
```

Split Complementary Color

#6d09cc
```
#6d09cc rgb(109,9,204)
```
#cc6d09
```
#cc6d09 rgb(204,109,9)
```
#09cc6d
```
#09cc6d rgb(9,204,109)
```

Triadic Color

#834606
```
#834606 rgb(131,70,6)
```
#9b5307
```
#9b5307 rgb(155,83,7)
```
#b46008
```
#b46008 rgb(180,96,8)
```
#cc6d09
```
#cc6d09 rgb(204,109,9)
```
#e47a0a
```
#e47a0a rgb(228,122,10)
```
#f58713
```
#f58713 rgb(245,135,19)
```
#f6932c
```
#f6932c rgb(246,147,44)
```

Monochromatic Color

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

#cc3c09
```
#cc3c09 rgb(204,60,9)
```
#cc4d09
```
#cc4d09 rgb(204,77,9)
```
#cc5d09
```
#cc5d09 rgb(204,93,9)
```
#cc6d09
```
#cc6d09 rgb(204,109,9)
```
#cc7d09
```
#cc7d09 rgb(204,125,9)
```
#cc8e09
```
#cc8e09 rgb(204,142,9)
```
#cc9e09
```
#cc9e09 rgb(204,158,9)
```

Similar Colors

Text with hexadecimal color #cc6d09

This text has a font color of #cc6d09.

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

#cc6d09 background color

This paragraph has a background color of #cc6d09.

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

#cc6d09 border color

This element has a border color of #cc6d09.

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

CSS codes

.text {color:#cc6d09;}

.background {background-color:#cc6d09;}

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

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

#100901
```
#100901 rgb(16,9,1)
```
#231302
```
#231302 rgb(35,19,2)
```
#361d02
```
#361d02 rgb(54,29,2)
```
#482703
```
#482703 rgb(72,39,3)
```
#5b3104
```
#5b3104 rgb(91,49,4)
```
#6e3b05
```
#6e3b05 rgb(110,59,5)
```
#814506
```
#814506 rgb(129,69,6)
```
#944f07
```
#944f07 rgb(148,79,7)
```
#a65907
```
#a65907 rgb(166,89,7)
```
#b96308
```
#b96308 rgb(185,99,8)
```
#cc6d09
```
#cc6d09 rgb(204,109,9)
```
#df770a
```
#df770a rgb(223,119,10)
```
#f2810b
```
#f2810b rgb(242,129,11)
```

Shade Color Variation

#f58b1b
```
#f58b1b rgb(245,139,27)
```
#f6942e
```
#f6942e rgb(246,148,46)
```
#f79e40
```
#f79e40 rgb(247,158,64)
```
#f7a753
```
#f7a753 rgb(247,167,83)
```
#f8b166
```
#f8b166 rgb(248,177,102)
```
#f9bb79
```
#f9bb79 rgb(249,187,121)
```
#fac48c
```
#fac48c rgb(250,196,140)
```
#fbce9e
```
#fbce9e rgb(251,206,158)
```
#fcd7b1
```
#fcd7b1 rgb(252,215,177)
```
#fce1c4
```
#fce1c4 rgb(252,225,196)
```
#fdead7
```
#fdead7 rgb(253,234,215)
```
#fef4ea
```
#fef4ea rgb(254,244,234)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#726b63
```
#726b63 rgb(114,107,99)
```
#7a6b5b
```
#7a6b5b rgb(122,107,91)
```
#826b53
```
#826b53 rgb(130,107,83)
```
#8a6b4b
```
#8a6b4b rgb(138,107,75)
```
#936c42
```
#936c42 rgb(147,108,66)
```
#9b6c3a
```
#9b6c3a rgb(155,108,58)
```
#a36c32
```
#a36c32 rgb(163,108,50)
```
#ab6c2a
```
#ab6c2a rgb(171,108,42)
```
#b36c22
```
#b36c22 rgb(179,108,34)
```
#bc6d19
```
#bc6d19 rgb(188,109,25)
```
#c46d11
```
#c46d11 rgb(196,109,17)
```
#cc6d09
```
#cc6d09 rgb(204,109,9)
```
#d46d01
```
#d46d01 rgb(212,109,1)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8e7b67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8c1d Protanopia 1% of men
#af8500 Deuteranopia 1% of men
#d26d73 Tritanopia 0.001% of the population

Trichromacy

#ae8115 Protanomaly 1% of men, 0.01% of women
#b97c03 Deuteranomaly 6% of men, 0.4% of women
#d06d4d Tritanomaly 0.01% of the population