#cf5222 hex color

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

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

● #cf5222 color description : Strong orange.

The hexadecimal color #cf5222 has RGB values of R:207, G:82, B:34 and CMYK values of C:0, M:0.6, Y:0.84, K:0.19. Its decimal value is 13586978.

Hex triplet	cf5222	`#cf5222`
RGB Decimal	207, 82, 34	`rgb(207,82,34)`
RGB Percent	81.2, 32.2, 13.3	`rgb(81.2%,32.2%,13.3%)`
CMYK	0, 60, 84, 19
HSL	16.6°, 71.8, 47.3	`hsl(16.6,71.8%,47.3%)`
HSV (or HSB)	16.6°, 83.6, 81.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.173, 47.219, 50.848
XYZ	29.039, 19.419, 3.732
xyY	0.556, 0.372, 19.419
CIE-LCH	51.173, 69.391, 47.119
CIE-LUV	51.173, 101.481, 39.144
Hunter-Lab	44.067, 40.513, 25.825
Binary	11001111, 01010010, 00100010

#cf5222
```
#cf5222 rgb(207,82,34)
```
#229fcf
```
#229fcf rgb(34,159,207)
```

Complementary Color

#cf2249
```
#cf2249 rgb(207,34,73)
```
#cf5222
```
#cf5222 rgb(207,82,34)
```
#cfa922
```
#cfa922 rgb(207,169,34)
```

Analogous Color

#2249cf
```
#2249cf rgb(34,73,207)
```
#cf5222
```
#cf5222 rgb(207,82,34)
```
#22cfa9
```
#22cfa9 rgb(34,207,169)
```

Split Complementary Color

#5222cf
```
#5222cf rgb(82,34,207)
```
#cf5222
```
#cf5222 rgb(207,82,34)
```
#22cf52
```
#22cf52 rgb(34,207,82)
```

Triadic Color

#cf229f
```
#cf229f rgb(207,34,159)
```
#cf5222
```
#cf5222 rgb(207,82,34)
```
#22cf52
```
#22cf52 rgb(34,207,82)
```
#229fcf
```
#229fcf rgb(34,159,207)
```

Tetradic Color

#8d3817
```
#8d3817 rgb(141,56,23)
```
#a3411b
```
#a3411b rgb(163,65,27)
```
#b9491e
```
#b9491e rgb(185,73,30)
```
#cf5222
```
#cf5222 rgb(207,82,34)
```
#dd5e2e
```
#dd5e2e rgb(221,94,46)
```
#e06f44
```
#e06f44 rgb(224,111,68)
```
#e4805a
```
#e4805a rgb(228,128,90)
```

Monochromatic Color

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

#cf2722
```
#cf2722 rgb(207,39,34)
```
#cf3522
```
#cf3522 rgb(207,53,34)
```
#cf4422
```
#cf4422 rgb(207,68,34)
```
#cf5222
```
#cf5222 rgb(207,82,34)
```
#cf6022
```
#cf6022 rgb(207,96,34)
```
#cf6f22
```
#cf6f22 rgb(207,111,34)
```
#cf7d22
```
#cf7d22 rgb(207,125,34)
```

Similar Colors

Text with hexadecimal color #cf5222

This text has a font color of #cf5222.

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

#cf5222 background color

This paragraph has a background color of #cf5222.

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

#cf5222 border color

This element has a border color of #cf5222.

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

CSS codes

.text {color:#cf5222;}

.background {background-color:#cf5222;}

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

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 #fdf6f3 is the lightest one.

#050201
```
#050201 rgb(5,2,1)
```
#160904
```
#160904 rgb(22,9,4)
```
#270f06
```
#270f06 rgb(39,15,6)
```
#371609
```
#371609 rgb(55,22,9)
```
#481d0c
```
#481d0c rgb(72,29,12)
```
#59230f
```
#59230f rgb(89,35,15)
```
#6a2a11
```
#6a2a11 rgb(106,42,17)
```
#7b3114
```
#7b3114 rgb(123,49,20)
```
#8c3717
```
#8c3717 rgb(140,55,23)
```
#9c3e1a
```
#9c3e1a rgb(156,62,26)
```
#ad451c
```
#ad451c rgb(173,69,28)
```
#be4b1f
```
#be4b1f rgb(190,75,31)
```
#cf5222
```
#cf5222 rgb(207,82,34)
```

Shade Color Variation

#dc5a29
```
#dc5a29 rgb(220,90,41)
```
#df673a
```
#df673a rgb(223,103,58)
```
#e1744a
```
#e1744a rgb(225,116,74)
```
#e4815b
```
#e4815b rgb(228,129,91)
```
#e78e6c
```
#e78e6c rgb(231,142,108)
```
#ea9b7d
```
#ea9b7d rgb(234,155,125)
```
#eca88e
```
#eca88e rgb(236,168,142)
```
#efb59f
```
#efb59f rgb(239,181,159)
```
#f2c2b0
```
#f2c2b0 rgb(242,194,176)
```
#f5cfc0
```
#f5cfc0 rgb(245,207,192)
```
#f7dcd1
```
#f7dcd1 rgb(247,220,209)
```
#fae9e2
```
#fae9e2 rgb(250,233,226)
```
#fdf6f3
```
#fdf6f3 rgb(253,246,243)
```

Tint Color Variation

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

#7c7775
```
#7c7775 rgb(124,119,117)
```
#85736c
```
#85736c rgb(133,115,108)
```
#8e6f63
```
#8e6f63 rgb(142,111,99)
```
#976b5a
```
#976b5a rgb(151,107,90)
```
#a16750
```
#a16750 rgb(161,103,80)
```
#aa6347
```
#aa6347 rgb(170,99,71)
```
#b35e3e
```
#b35e3e rgb(179,94,62)
```
#bc5a35
```
#bc5a35 rgb(188,90,53)
```
#c6562b
```
#c6562b rgb(198,86,43)
```
#cf5222
```
#cf5222 rgb(207,82,34)
```
#d84e19
```
#d84e19 rgb(216,78,25)
```
#e24a0f
```
#e24a0f rgb(226,74,15)
```
#eb4606
```
#eb4606 rgb(235,70,6)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#856c62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8037 Protanopia 1% of men
#a07a20 Deuteranopia 1% of men
#d3565a Tritanopia 0.001% of the population

Trichromacy

#a66f2f Protanomaly 1% of men, 0.01% of women
#b16b21 Deuteranomaly 6% of men, 0.4% of women
#d15446 Tritanomaly 0.01% of the population

#cf5222 hex color

#cf5222 Color Information

#cf5222 Color Conversion

Color Schemes with #cf5222

Alternatives to #cf5222

#cf5222 Preview

Shades and Tints of #cf5222

Tones of #cf5222

Color Blindness Simulator