#cf8a22 hex color

In a RGB color space, hex #cf8a22 is composed of 81.2% red, 54.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 83.6% yellow and 18.8% black. It has a hue angle of 36.1 degrees, a saturation of 71.8% and a lightness of 47.3%. #cf8a22 color hex could be obtained by blending #ffff44 with #9f1500. Closest websafe color is: #cc9933.

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

● #cf8a22 color description : Strong orange.

The hexadecimal color #cf8a22 has RGB values of R:207, G:138, B:34 and CMYK values of C:0, M:0.33, Y:0.84, K:0.19. Its decimal value is 13601314.

Hex triplet	cf8a22	`#cf8a22`
RGB Decimal	207, 138, 34	`rgb(207,138,34)`
RGB Percent	81.2, 54.1, 13.3	`rgb(81.2%,54.1%,13.3%)`
CMYK	0, 33, 84, 19
HSL	36.1°, 71.8, 47.3	`hsl(36.1,71.8%,47.3%)`
HSV (or HSB)	36.1°, 83.6, 81.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.978, 18.337, 61.107
XYZ	35.11, 31.56, 5.756
xyY	0.485, 0.436, 31.56
CIE-LCH	62.978, 63.799, 73.297
CIE-LUV	62.978, 56.711, 58.859
Hunter-Lab	56.179, 13.246, 33.25
Binary	11001111, 10001010, 00100010

#cf8a22
```
#cf8a22 rgb(207,138,34)
```
#2267cf
```
#2267cf rgb(34,103,207)
```

Complementary Color

#cf3322
```
#cf3322 rgb(207,51,34)
```
#cf8a22
```
#cf8a22 rgb(207,138,34)
```
#becf22
```
#becf22 rgb(190,207,34)
```

Analogous Color

#3322cf
```
#3322cf rgb(51,34,207)
```
#cf8a22
```
#cf8a22 rgb(207,138,34)
```
#22becf
```
#22becf rgb(34,190,207)
```

Split Complementary Color

#8a22cf
```
#8a22cf rgb(138,34,207)
```
#cf8a22
```
#cf8a22 rgb(207,138,34)
```
#22cf8a
```
#22cf8a rgb(34,207,138)
```

Triadic Color

#cf2267
```
#cf2267 rgb(207,34,103)
```
#cf8a22
```
#cf8a22 rgb(207,138,34)
```
#22cf8a
```
#22cf8a rgb(34,207,138)
```
#2267cf
```
#2267cf rgb(34,103,207)
```

Tetradic Color

#8d5e17
```
#8d5e17 rgb(141,94,23)
```
#a36d1b
```
#a36d1b rgb(163,109,27)
```
#b97b1e
```
#b97b1e rgb(185,123,30)
```
#cf8a22
```
#cf8a22 rgb(207,138,34)
```
#dd972e
```
#dd972e rgb(221,151,46)
```
#e0a244
```
#e0a244 rgb(224,162,68)
```
#e4ad5a
```
#e4ad5a rgb(228,173,90)
```

Monochromatic Color

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

#cf5f22
```
#cf5f22 rgb(207,95,34)
```
#cf6d22
```
#cf6d22 rgb(207,109,34)
```
#cf7c22
```
#cf7c22 rgb(207,124,34)
```
#cf8a22
```
#cf8a22 rgb(207,138,34)
```
#cf9822
```
#cf9822 rgb(207,152,34)
```
#cfa722
```
#cfa722 rgb(207,167,34)
```
#cfb522
```
#cfb522 rgb(207,181,34)
```

Similar Colors

Text with hexadecimal color #cf8a22

This text has a font color of #cf8a22.

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

#cf8a22 background color

This paragraph has a background color of #cf8a22.

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

#cf8a22 border color

This element has a border color of #cf8a22.

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

CSS codes

.text {color:#cf8a22;}

.background {background-color:#cf8a22;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#160e04
```
#160e04 rgb(22,14,4)
```
#271a06
```
#271a06 rgb(39,26,6)
```
#372509
```
#372509 rgb(55,37,9)
```
#48300c
```
#48300c rgb(72,48,12)
```
#593b0f
```
#593b0f rgb(89,59,15)
```
#6a4711
```
#6a4711 rgb(106,71,17)
```
#7b5214
```
#7b5214 rgb(123,82,20)
```
#8c5d17
```
#8c5d17 rgb(140,93,23)
```
#9c681a
```
#9c681a rgb(156,104,26)
```
#ad741c
```
#ad741c rgb(173,116,28)
```
#be7f1f
```
#be7f1f rgb(190,127,31)
```
#cf8a22
```
#cf8a22 rgb(207,138,34)
```

Shade Color Variation

#dc9429
```
#dc9429 rgb(220,148,41)
```
#df9d3a
```
#df9d3a rgb(223,157,58)
```
#e1a54a
```
#e1a54a rgb(225,165,74)
```
#e4ae5b
```
#e4ae5b rgb(228,174,91)
```
#e7b66c
```
#e7b66c rgb(231,182,108)
```
#eabe7d
```
#eabe7d rgb(234,190,125)
```
#ecc78e
```
#ecc78e rgb(236,199,142)
```
#efcf9f
```
#efcf9f rgb(239,207,159)
```
#f2d7b0
```
#f2d7b0 rgb(242,215,176)
```
#f5e0c0
```
#f5e0c0 rgb(245,224,192)
```
#f7e8d1
```
#f7e8d1 rgb(247,232,209)
```
#faf1e2
```
#faf1e2 rgb(250,241,226)
```
#fdf9f3
```
#fdf9f3 rgb(253,249,243)
```

Tint Color Variation

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

#7c7975
```
#7c7975 rgb(124,121,117)
```
#857b6c
```
#857b6c rgb(133,123,108)
```
#8e7d63
```
#8e7d63 rgb(142,125,99)
```
#977f5a
```
#977f5a rgb(151,127,90)
```
#a18150
```
#a18150 rgb(161,129,80)
```
#aa8247
```
#aa8247 rgb(170,130,71)
```
#b3843e
```
#b3843e rgb(179,132,62)
```
#bc8635
```
#bc8635 rgb(188,134,53)
```
#c6882b
```
#c6882b rgb(198,136,43)
```
#cf8a22
```
#cf8a22 rgb(207,138,34)
```
#d88c19
```
#d88c19 rgb(216,140,25)
```
#e28e0f
```
#e28e0f rgb(226,142,15)
```
#eb9006
```
#eb9006 rgb(235,144,6)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9f917c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09e31 Protanopia 1% of men
#c4962a Deuteranopia 1% of men
#d78790 Tritanopia 0.001% of the population

Trichromacy

#bb962b Protanomaly 1% of men, 0.01% of women
#c89127 Deuteranomaly 6% of men, 0.4% of women
#d48868 Tritanomaly 0.01% of the population

#cf8a22 hex color

#cf8a22 Color Information

#cf8a22 Color Conversion

Color Schemes with #cf8a22

Alternatives to #cf8a22

#cf8a22 Preview

Shades and Tints of #cf8a22

Tones of #cf8a22

Color Blindness Simulator