#c06f22 hex color

In a RGB color space, hex #c06f22 is composed of 75.3% red, 43.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.2% magenta, 82.3% yellow and 24.7% black. It has a hue angle of 29.2 degrees, a saturation of 69.9% and a lightness of 44.3%. #c06f22 color hex could be obtained by blending #ffde44 with #810000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 75
- G 44
- B 13
RGB color chart
- C 0
- M 42
- Y 82
- K 25
CMYK color chart

● #c06f22 color description : Strong orange.

The hexadecimal color #c06f22 has RGB values of R:192, G:111, B:34 and CMYK values of C:0, M:0.42, Y:0.82, K:0.25. Its decimal value is 12611362.

Hex triplet	c06f22	`#c06f22`
RGB Decimal	192, 111, 34	`rgb(192,111,34)`
RGB Percent	75.3, 43.5, 13.3	`rgb(75.3%,43.5%,13.3%)`
CMYK	0, 42, 82, 25
HSL	29.2°, 69.9, 44.3	`hsl(29.2,69.9%,44.3%)`
HSV (or HSB)	29.2°, 82.3, 75.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.755, 26.572, 53.182
XYZ	27.712, 22.693, 4.434
xyY	0.505, 0.414, 22.693
CIE-LCH	54.755, 59.451, 63.452
CIE-LUV	54.755, 66.048, 47.794
Hunter-Lab	47.637, 20.474, 27.827
Binary	11000000, 01101111, 00100010

#c06f22
```
#c06f22 rgb(192,111,34)
```
#2273c0
```
#2273c0 rgb(34,115,192)
```

Complementary Color

#c02224
```
#c02224 rgb(192,34,36)
```
#c06f22
```
#c06f22 rgb(192,111,34)
```
#c0be22
```
#c0be22 rgb(192,190,34)
```

Analogous Color

#2224c0
```
#2224c0 rgb(34,36,192)
```
#c06f22
```
#c06f22 rgb(192,111,34)
```
#22c0be
```
#22c0be rgb(34,192,190)
```

Split Complementary Color

#6f22c0
```
#6f22c0 rgb(111,34,192)
```
#c06f22
```
#c06f22 rgb(192,111,34)
```
#22c06f
```
#22c06f rgb(34,192,111)
```

Triadic Color

#c02273
```
#c02273 rgb(192,34,115)
```
#c06f22
```
#c06f22 rgb(192,111,34)
```
#22c06f
```
#22c06f rgb(34,192,111)
```
#2273c0
```
#2273c0 rgb(34,115,192)
```

Tetradic Color

#7f4916
```
#7f4916 rgb(127,73,22)
```
#95561a
```
#95561a rgb(149,86,26)
```
#aa621e
```
#aa621e rgb(170,98,30)
```
#c06f22
```
#c06f22 rgb(192,111,34)
```
#d67c26
```
#d67c26 rgb(214,124,38)
```
#dc8839
```
#dc8839 rgb(220,136,57)
```
#e0954f
```
#e0954f rgb(224,149,79)
```

Monochromatic Color

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

#c04822
```
#c04822 rgb(192,72,34)
```
#c05522
```
#c05522 rgb(192,85,34)
```
#c06222
```
#c06222 rgb(192,98,34)
```
#c06f22
```
#c06f22 rgb(192,111,34)
```
#c07c22
```
#c07c22 rgb(192,124,34)
```
#c08922
```
#c08922 rgb(192,137,34)
```
#c09722
```
#c09722 rgb(192,151,34)
```

Similar Colors

Text with hexadecimal color #c06f22

This text has a font color of #c06f22.

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

#c06f22 background color

This paragraph has a background color of #c06f22.

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

#c06f22 border color

This element has a border color of #c06f22.

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

CSS codes

.text {color:#c06f22;}

.background {background-color:#c06f22;}

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

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

#090502
```
#090502 rgb(9,5,2)
```
#190f04
```
#190f04 rgb(25,15,4)
```
#2a1807
```
#2a1807 rgb(42,24,7)
```
#3b220a
```
#3b220a rgb(59,34,10)
```
#4b2c0d
```
#4b2c0d rgb(75,44,13)
```
#5c3510
```
#5c3510 rgb(92,53,16)
```
#6d3f13
```
#6d3f13 rgb(109,63,19)
```
#7d4816
```
#7d4816 rgb(125,72,22)
```
#8e5219
```
#8e5219 rgb(142,82,25)
```
#9f5c1c
```
#9f5c1c rgb(159,92,28)
```
#af651f
```
#af651f rgb(175,101,31)
```
#c06f22
```
#c06f22 rgb(192,111,34)
```
#d17925
```
#d17925 rgb(209,121,37)
```

Shade Color Variation

#da822f
```
#da822f rgb(218,130,47)
```
#dd8c40
```
#dd8c40 rgb(221,140,64)
```
#e09650
```
#e09650 rgb(224,150,80)
```
#e3a061
```
#e3a061 rgb(227,160,97)
```
#e6aa72
```
#e6aa72 rgb(230,170,114)
```
#e9b482
```
#e9b482 rgb(233,180,130)
```
#ecbe93
```
#ecbe93 rgb(236,190,147)
```
#efc8a4
```
#efc8a4 rgb(239,200,164)
```
#f2d2b4
```
#f2d2b4 rgb(242,210,180)
```
#f5dcc5
```
#f5dcc5 rgb(245,220,197)
```
#f8e6d6
```
#f8e6d6 rgb(248,230,214)
```
#fbf0e6
```
#fbf0e6 rgb(251,240,230)
```
#fefaf7
```
#fefaf7 rgb(254,250,247)
```

Tint Color Variation

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

#727170
```
#727170 rgb(114,113,112)
```
#7a7168
```
#7a7168 rgb(122,113,104)
```
#83715f
```
#83715f rgb(131,113,95)
```
#8c7056
```
#8c7056 rgb(140,112,86)
```
#95704d
```
#95704d rgb(149,112,77)
```
#9d7045
```
#9d7045 rgb(157,112,69)
```
#a6703c
```
#a6703c rgb(166,112,60)
```
#af6f33
```
#af6f33 rgb(175,111,51)
```
#b76f2b
```
#b76f2b rgb(183,111,43)
```
#c06f22
```
#c06f22 rgb(192,111,34)
```
#c96f19
```
#c96f19 rgb(201,111,25)
```
#d16f11
```
#d16f11 rgb(209,111,17)
```
#da6e08
```
#da6e08 rgb(218,110,8)
```

Tone Color Variation

Below, you can see how #c06f22 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
#8b7b6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#998932 Protanopia 1% of men
#ab8227 Deuteranopia 1% of men
#c76f76 Tritanopia 0.001% of the population

Trichromacy

#a77f2c Protanomaly 1% of men, 0.01% of women
#b27b25 Deuteranomaly 6% of men, 0.4% of women
#c46f57 Tritanomaly 0.01% of the population

#c06f22 hex color

#c06f22 Color Information

#c06f22 Color Conversion

Color Schemes with #c06f22

Alternatives to #c06f22

#c06f22 Preview

Shades and Tints of #c06f22

Tones of #c06f22

Color Blindness Simulator