#cf6a22 hex color

In a RGB color space, hex #cf6a22 is composed of 81.2% red, 41.6% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.8% magenta, 83.6% yellow and 18.8% black. It has a hue angle of 25 degrees, a saturation of 71.8% and a lightness of 47.3%. #cf6a22 color hex could be obtained by blending #ffd444 with #9f0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 81
- G 42
- B 13
RGB color chart
- C 0
- M 49
- Y 84
- K 19
CMYK color chart

● #cf6a22 color description : Strong orange.

The hexadecimal color #cf6a22 has RGB values of R:207, G:106, B:34 and CMYK values of C:0, M:0.49, Y:0.84, K:0.19. Its decimal value is 13593122.

Hex triplet	cf6a22	`#cf6a22`
RGB Decimal	207, 106, 34	`rgb(207,106,34)`
RGB Percent	81.2, 41.6, 13.3	`rgb(81.2%,41.6%,13.3%)`
CMYK	0, 49, 84, 19
HSL	25°, 71.8, 47.3	`hsl(25,71.8%,47.3%)`
HSV (or HSB)	25°, 83.6, 81.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.778, 35.436, 54.892
XYZ	31.176, 23.692, 4.445
xyY	0.526, 0.399, 23.692
CIE-LCH	55.778, 65.337, 57.155
CIE-LUV	55.778, 82.669, 47.046
Hunter-Lab	48.674, 29.15, 28.658
Binary	11001111, 01101010, 00100010

#cf6a22
```
#cf6a22 rgb(207,106,34)
```
#2287cf
```
#2287cf rgb(34,135,207)
```

Complementary Color

#cf2231
```
#cf2231 rgb(207,34,49)
```
#cf6a22
```
#cf6a22 rgb(207,106,34)
```
#cfc122
```
#cfc122 rgb(207,193,34)
```

Analogous Color

#2231cf
```
#2231cf rgb(34,49,207)
```
#cf6a22
```
#cf6a22 rgb(207,106,34)
```
#22cfc1
```
#22cfc1 rgb(34,207,193)
```

Split Complementary Color

#6a22cf
```
#6a22cf rgb(106,34,207)
```
#cf6a22
```
#cf6a22 rgb(207,106,34)
```
#22cf6a
```
#22cf6a rgb(34,207,106)
```

Triadic Color

#cf2287
```
#cf2287 rgb(207,34,135)
```
#cf6a22
```
#cf6a22 rgb(207,106,34)
```
#22cf6a
```
#22cf6a rgb(34,207,106)
```
#2287cf
```
#2287cf rgb(34,135,207)
```

Tetradic Color

#8d4817
```
#8d4817 rgb(141,72,23)
```
#a3541b
```
#a3541b rgb(163,84,27)
```
#b95f1e
```
#b95f1e rgb(185,95,30)
```
#cf6a22
```
#cf6a22 rgb(207,106,34)
```
#dd772e
```
#dd772e rgb(221,119,46)
```
#e08544
```
#e08544 rgb(224,133,68)
```
#e4935a
```
#e4935a rgb(228,147,90)
```

Monochromatic Color

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

#cf3f22
```
#cf3f22 rgb(207,63,34)
```
#cf4d22
```
#cf4d22 rgb(207,77,34)
```
#cf5c22
```
#cf5c22 rgb(207,92,34)
```
#cf6a22
```
#cf6a22 rgb(207,106,34)
```
#cf7822
```
#cf7822 rgb(207,120,34)
```
#cf8722
```
#cf8722 rgb(207,135,34)
```
#cf9522
```
#cf9522 rgb(207,149,34)
```

Similar Colors

Text with hexadecimal color #cf6a22

This text has a font color of #cf6a22.

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

#cf6a22 background color

This paragraph has a background color of #cf6a22.

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

#cf6a22 border color

This element has a border color of #cf6a22.

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

CSS codes

.text {color:#cf6a22;}

.background {background-color:#cf6a22;}

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

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

#050201
```
#050201 rgb(5,2,1)
```
#160b04
```
#160b04 rgb(22,11,4)
```
#271406
```
#271406 rgb(39,20,6)
```
#371c09
```
#371c09 rgb(55,28,9)
```
#48250c
```
#48250c rgb(72,37,12)
```
#592e0f
```
#592e0f rgb(89,46,15)
```
#6a3611
```
#6a3611 rgb(106,54,17)
```
#7b3f14
```
#7b3f14 rgb(123,63,20)
```
#8c4717
```
#8c4717 rgb(140,71,23)
```
#9c501a
```
#9c501a rgb(156,80,26)
```
#ad591c
```
#ad591c rgb(173,89,28)
```
#be611f
```
#be611f rgb(190,97,31)
```
#cf6a22
```
#cf6a22 rgb(207,106,34)
```

Shade Color Variation

#dc7329
```
#dc7329 rgb(220,115,41)
```
#df7e3a
```
#df7e3a rgb(223,126,58)
```
#e1894a
```
#e1894a rgb(225,137,74)
```
#e4945b
```
#e4945b rgb(228,148,91)
```
#e79f6c
```
#e79f6c rgb(231,159,108)
```
#eaaa7d
```
#eaaa7d rgb(234,170,125)
```
#ecb58e
```
#ecb58e rgb(236,181,142)
```
#efc09f
```
#efc09f rgb(239,192,159)
```
#f2cbb0
```
#f2cbb0 rgb(242,203,176)
```
#f5d6c0
```
#f5d6c0 rgb(245,214,192)
```
#f7e1d1
```
#f7e1d1 rgb(247,225,209)
```
#faece2
```
#faece2 rgb(250,236,226)
```
#fdf7f3
```
#fdf7f3 rgb(253,247,243)
```

Tint Color Variation

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

#7c7875
```
#7c7875 rgb(124,120,117)
```
#85766c
```
#85766c rgb(133,118,108)
```
#8e7563
```
#8e7563 rgb(142,117,99)
```
#97735a
```
#97735a rgb(151,115,90)
```
#a17250
```
#a17250 rgb(161,114,80)
```
#aa7047
```
#aa7047 rgb(170,112,71)
```
#b36f3e
```
#b36f3e rgb(179,111,62)
```
#bc6d35
```
#bc6d35 rgb(188,109,53)
```
#c66c2b
```
#c66c2b rgb(198,108,43)
```
#cf6a22
```
#cf6a22 rgb(207,106,34)
```
#d86819
```
#d86819 rgb(216,104,25)
```
#e2670f
```
#e2670f rgb(226,103,15)
```
#eb6506
```
#eb6506 rgb(235,101,6)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#907c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8c34 Protanopia 1% of men
#ae8524 Deuteranopia 1% of men
#d46b71 Tritanopia 0.001% of the population

Trichromacy

#ae7f2d Protanomaly 1% of men, 0.01% of women
#ba7b23 Deuteranomaly 6% of men, 0.4% of women
#d26a54 Tritanomaly 0.01% of the population

#cf6a22 hex color

#cf6a22 Color Information

#cf6a22 Color Conversion

Color Schemes with #cf6a22

Alternatives to #cf6a22

#cf6a22 Preview

Shades and Tints of #cf6a22

Tones of #cf6a22

Color Blindness Simulator