#cf822f hex color

In a RGB color space, hex #cf822f is composed of 81.2% red, 51% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.2% magenta, 77.3% yellow and 18.8% black. It has a hue angle of 31.1 degrees, a saturation of 63% and a lightness of 49.8%. #cf822f color hex could be obtained by blending #ffff5e with #9f0500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 81
- G 51
- B 18
RGB color chart
- C 0
- M 37
- Y 77
- K 19
CMYK color chart

● #cf822f color description : Strong orange.

The hexadecimal color #cf822f has RGB values of R:207, G:130, B:47 and CMYK values of C:0, M:0.37, Y:0.77, K:0.19. Its decimal value is 13599279.

Hex triplet	cf822f	`#cf822f`
RGB Decimal	207, 130, 47	`rgb(207,130,47)`
RGB Percent	81.2, 51, 18.4	`rgb(81.2%,51%,18.4%)`
CMYK	0, 37, 77, 19
HSL	31.1°, 63, 49.8	`hsl(31.1,63%,49.8%)`
HSV (or HSB)	31.1°, 77.3, 81.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.167, 23.116, 54.606
XYZ	34.229, 29.438, 6.569
xyY	0.487, 0.419, 29.438
CIE-LCH	61.167, 59.297, 67.056
CIE-LUV	61.167, 62.397, 52.764
Hunter-Lab	54.257, 17.659, 30.802
Binary	11001111, 10000010, 00101111

#cf822f
```
#cf822f rgb(207,130,47)
```
#2f7ccf
```
#2f7ccf rgb(47,124,207)
```

Complementary Color

#cf322f
```
#cf322f rgb(207,50,47)
```
#cf822f
```
#cf822f rgb(207,130,47)
```
#cccf2f
```
#cccf2f rgb(204,207,47)
```

Analogous Color

#322fcf
```
#322fcf rgb(50,47,207)
```
#cf822f
```
#cf822f rgb(207,130,47)
```
#2fcccf
```
#2fcccf rgb(47,204,207)
```

Split Complementary Color

#822fcf
```
#822fcf rgb(130,47,207)
```
#cf822f
```
#cf822f rgb(207,130,47)
```
#2fcf82
```
#2fcf82 rgb(47,207,130)
```

Triadic Color

#cf2f7c
```
#cf2f7c rgb(207,47,124)
```
#cf822f
```
#cf822f rgb(207,130,47)
```
#2fcf82
```
#2fcf82 rgb(47,207,130)
```
#2f7ccf
```
#2f7ccf rgb(47,124,207)
```

Tetradic Color

#915b21
```
#915b21 rgb(145,91,33)
```
#a56826
```
#a56826 rgb(165,104,38)
```
#ba752a
```
#ba752a rgb(186,117,42)
```
#cf822f
```
#cf822f rgb(207,130,47)
```
#d48e43
```
#d48e43 rgb(212,142,67)
```
#d99b58
```
#d99b58 rgb(217,155,88)
```
#dea76d
```
#dea76d rgb(222,167,109)
```

Monochromatic Color

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

#cf5a2f
```
#cf5a2f rgb(207,90,47)
```
#cf672f
```
#cf672f rgb(207,103,47)
```
#cf752f
```
#cf752f rgb(207,117,47)
```
#cf822f
```
#cf822f rgb(207,130,47)
```
#cf8f2f
```
#cf8f2f rgb(207,143,47)
```
#cf9d2f
```
#cf9d2f rgb(207,157,47)
```
#cfaa2f
```
#cfaa2f rgb(207,170,47)
```

Similar Colors

Text with hexadecimal color #cf822f

This text has a font color of #cf822f.

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

#cf822f background color

This paragraph has a background color of #cf822f.

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

#cf822f border color

This element has a border color of #cf822f.

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

CSS codes

.text {color:#cf822f;}

.background {background-color:#cf822f;}

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

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, #0f0a03 is the darkest color, while #fffffe is the lightest one.

#0f0a03
```
#0f0a03 rgb(15,10,3)
```
#1f1407
```
#1f1407 rgb(31,20,7)
```
#2f1e0b
```
#2f1e0b rgb(47,30,11)
```
#3f280e
```
#3f280e rgb(63,40,14)
```
#4f3212
```
#4f3212 rgb(79,50,18)
```
#5f3c16
```
#5f3c16 rgb(95,60,22)
```
#6f4619
```
#6f4619 rgb(111,70,25)
```
#7f501d
```
#7f501d rgb(127,80,29)
```
#8f5a20
```
#8f5a20 rgb(143,90,32)
```
#9f6424
```
#9f6424 rgb(159,100,36)
```
#af6e28
```
#af6e28 rgb(175,110,40)
```
#bf782b
```
#bf782b rgb(191,120,43)
```
#cf822f
```
#cf822f rgb(207,130,47)
```

Shade Color Variation

#d38c3e
```
#d38c3e rgb(211,140,62)
```
#d7954e
```
#d7954e rgb(215,149,78)
```
#db9f5e
```
#db9f5e rgb(219,159,94)
```
#dea86e
```
#dea86e rgb(222,168,110)
```
#e2b27e
```
#e2b27e rgb(226,178,126)
```
#e5bb8e
```
#e5bb8e rgb(229,187,142)
```
#e9c59e
```
#e9c59e rgb(233,197,158)
```
#edcfae
```
#edcfae rgb(237,207,174)
```
#f0d8be
```
#f0d8be rgb(240,216,190)
```
#f4e2ce
```
#f4e2ce rgb(244,226,206)
```
#f8ebde
```
#f8ebde rgb(248,235,222)
```
#fbf5ee
```
#fbf5ee rgb(251,245,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#817f7d
```
#817f7d rgb(129,127,125)
```
#8b7f73
```
#8b7f73 rgb(139,127,115)
```
#94806a
```
#94806a rgb(148,128,106)
```
#9e8060
```
#9e8060 rgb(158,128,96)
```
#a88156
```
#a88156 rgb(168,129,86)
```
#b2814c
```
#b2814c rgb(178,129,76)
```
#bb8143
```
#bb8143 rgb(187,129,67)
```
#c58239
```
#c58239 rgb(197,130,57)
```
#cf822f
```
#cf822f rgb(207,130,47)
```
#d98225
```
#d98225 rgb(217,130,37)
```
#e3831b
```
#e3831b rgb(227,131,27)
```
#ec8312
```
#ec8312 rgb(236,131,18)
```
#f68308
```
#f68308 rgb(246,131,8)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#9d8d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa993e Protanopia 1% of men
#bd9236 Deuteranopia 1% of men
#d68089 Tritanopia 0.001% of the population

Trichromacy

#b79038 Protanomaly 1% of men, 0.01% of women
#c48c33 Deuteranomaly 6% of men, 0.4% of women
#d38168 Tritanomaly 0.01% of the population

#cf822f hex color

#cf822f Color Information

#cf822f Color Conversion

Color Schemes with #cf822f

Alternatives to #cf822f

#cf822f Preview

Shades and Tints of #cf822f

Tones of #cf822f

Color Blindness Simulator