#ff8220 hex color

In a RGB color space, hex #ff8220 is composed of 100% red, 51% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49% magenta, 87.5% yellow and 0% black. It has a hue angle of 26.4 degrees, a saturation of 100% and a lightness of 56.3%. #ff8220 color hex could be obtained by blending #ffff40 with #ff0500. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 100
- G 51
- B 13
RGB color chart
- C 0
- M 49
- Y 87
- K 0
CMYK color chart

● #ff8220 color description : Vivid orange.

The hexadecimal color #ff8220 has RGB values of R:255, G:130, B:32 and CMYK values of C:0, M:0.49, Y:0.87, K:0. Its decimal value is 16744992.

Hex triplet	ff8220	`#ff8220`
RGB Decimal	255, 130, 32	`rgb(255,130,32)`
RGB Percent	100, 51, 12.5	`rgb(100%,51%,12.5%)`
CMYK	0, 49, 87, 0
HSL	26.4°, 100, 56.3	`hsl(26.4,100%,56.3%)`
HSV (or HSB)	26.4°, 87.5, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	67.527, 42.207, 68.045
XYZ	49.485, 37.334, 5.967
xyY	0.533, 0.402, 37.334
CIE-LCH	67.527, 80.073, 58.19
CIE-LUV	67.527, 103.283, 59.01
Hunter-Lab	61.102, 37.636, 36.981
Binary	11111111, 10000010, 00100000

#ff8220
```
#ff8220 rgb(255,130,32)
```
#209dff
```
#209dff rgb(32,157,255)
```

Complementary Color

#ff202d
```
#ff202d rgb(255,32,45)
```
#ff8220
```
#ff8220 rgb(255,130,32)
```
#fff220
```
#fff220 rgb(255,242,32)
```

Analogous Color

#202dff
```
#202dff rgb(32,45,255)
```
#ff8220
```
#ff8220 rgb(255,130,32)
```
#20fff2
```
#20fff2 rgb(32,255,242)
```

Split Complementary Color

#8220ff
```
#8220ff rgb(130,32,255)
```
#ff8220
```
#ff8220 rgb(255,130,32)
```
#20ff82
```
#20ff82 rgb(32,255,130)
```

Triadic Color

#ff209d
```
#ff209d rgb(255,32,157)
```
#ff8220
```
#ff8220 rgb(255,130,32)
```
#20ff82
```
#20ff82 rgb(32,255,130)
```
#209dff
```
#209dff rgb(32,157,255)
```

Tetradic Color

#d35d00
```
#d35d00 rgb(211,93,0)
```
#ec6800
```
#ec6800 rgb(236,104,0)
```
#ff7406
```
#ff7406 rgb(255,116,6)
```
#ff8220
```
#ff8220 rgb(255,130,32)
```
#ff903a
```
#ff903a rgb(255,144,58)
```
#ff9f53
```
#ff9f53 rgb(255,159,83)
```
#ffad6d
```
#ffad6d rgb(255,173,109)
```

Monochromatic Color

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

#ff4a20
```
#ff4a20 rgb(255,74,32)
```
#ff5d20
```
#ff5d20 rgb(255,93,32)
```
#ff6f20
```
#ff6f20 rgb(255,111,32)
```
#ff8220
```
#ff8220 rgb(255,130,32)
```
#ff9520
```
#ff9520 rgb(255,149,32)
```
#ffa720
```
#ffa720 rgb(255,167,32)
```
#ffba20
```
#ffba20 rgb(255,186,32)
```

Similar Colors

Text with hexadecimal color #ff8220

This text has a font color of #ff8220.

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

#ff8220 background color

This paragraph has a background color of #ff8220.

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

#ff8220 border color

This element has a border color of #ff8220.

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

CSS codes

.text {color:#ff8220;}

.background {background-color:#ff8220;}

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

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

#0c0500
```
#0c0500 rgb(12,5,0)
```
#200e00
```
#200e00 rgb(32,14,0)
```
#341700
```
#341700 rgb(52,23,0)
```
#471f00
```
#471f00 rgb(71,31,0)
```
#5b2800
```
#5b2800 rgb(91,40,0)
```
#6e3100
```
#6e3100 rgb(110,49,0)
```
#823900
```
#823900 rgb(130,57,0)
```
#964200
```
#964200 rgb(150,66,0)
```
#a94a00
```
#a94a00 rgb(169,74,0)
```
#bd5300
```
#bd5300 rgb(189,83,0)
```
#d15c00
```
#d15c00 rgb(209,92,0)
```
#e46400
```
#e46400 rgb(228,100,0)
```
#f86d00
```
#f86d00 rgb(248,109,0)
```

Shade Color Variation

#ff770c
```
#ff770c rgb(255,119,12)
```
#ff8220
```
#ff8220 rgb(255,130,32)
```
#ff8d34
```
#ff8d34 rgb(255,141,52)
```
#ff9847
```
#ff9847 rgb(255,152,71)
```
#ffa35b
```
#ffa35b rgb(255,163,91)
```
#ffae6e
```
#ffae6e rgb(255,174,110)
```
#ffb982
```
#ffb982 rgb(255,185,130)
```
#ffc496
```
#ffc496 rgb(255,196,150)
```
#ffcfa9
```
#ffcfa9 rgb(255,207,169)
```
#ffdabd
```
#ffdabd rgb(255,218,189)
```
#ffe5d1
```
#ffe5d1 rgb(255,229,209)
```
#fff0e4
```
#fff0e4 rgb(255,240,228)
```
#fffbf8
```
#fffbf8 rgb(255,251,248)
```

Tint Color Variation

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

#988e87
```
#988e87 rgb(152,142,135)
```
#a18d7e
```
#a18d7e rgb(161,141,126)
```
#a98c76
```
#a98c76 rgb(169,140,118)
```
#b28b6d
```
#b28b6d rgb(178,139,109)
```
#ba8a65
```
#ba8a65 rgb(186,138,101)
```
#c3895c
```
#c3895c rgb(195,137,92)
```
#cc8853
```
#cc8853 rgb(204,136,83)
```
#d4874b
```
#d4874b rgb(212,135,75)
```
#dd8642
```
#dd8642 rgb(221,134,66)
```
#e5853a
```
#e5853a rgb(229,133,58)
```
#ee8431
```
#ee8431 rgb(238,132,49)
```
#f68329
```
#f68329 rgb(246,131,41)
```
#ff8220
```
#ff8220 rgb(255,130,32)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#b09783 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bca934 Protanopia 1% of men
#d3a11a Deuteranopia 1% of men
#ff828a Tritanopia 0.001% of the population

Trichromacy

#d49b2c Protanomaly 1% of men, 0.01% of women
#e3951c Deuteranomaly 6% of men, 0.4% of women
#ff8263 Tritanomaly 0.01% of the population

#ff8220 hex color

#ff8220 Color Information

#ff8220 Color Conversion

Color Schemes with #ff8220

Alternatives to #ff8220

#ff8220 Preview

Shades and Tints of #ff8220

Tones of #ff8220

Color Blindness Simulator