#ff5f20 hex color

In a RGB color space, hex #ff5f20 is composed of 100% red, 37.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.7% magenta, 87.5% yellow and 0% black. It has a hue angle of 17 degrees, a saturation of 100% and a lightness of 56.3%. #ff5f20 color hex could be obtained by blending #ffbe40 with #ff0000. Closest websafe color is: #ff6633.

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

● #ff5f20 color description : Vivid orange.

The hexadecimal color #ff5f20 has RGB values of R:255, G:95, B:32 and CMYK values of C:0, M:0.63, Y:0.87, K:0. Its decimal value is 16736032.

Hex triplet	ff5f20	`#ff5f20`
RGB Decimal	255, 95, 32	`rgb(255,95,32)`
RGB Percent	100, 37.3, 12.5	`rgb(100%,37.3%,12.5%)`
CMYK	0, 63, 87, 0
HSL	17°, 100, 56.3	`hsl(17,100%,56.3%)`
HSV (or HSB)	17°, 87.5, 100
Web Safe	ff6633	`#ff6633`

CIE-LAB	61.267, 58.359, 63.211
XYZ	45.595, 29.554, 4.67
xyY	0.571, 0.37, 29.554
CIE-LCH	61.267, 86.032, 47.285
CIE-LUV	61.267, 131.266, 48.228
Hunter-Lab	54.363, 54.573, 32.961
Binary	11111111, 01011111, 00100000

#ff5f20
```
#ff5f20 rgb(255,95,32)
```
#20c0ff
```
#20c0ff rgb(32,192,255)
```

Complementary Color

#ff2050
```
#ff2050 rgb(255,32,80)
```
#ff5f20
```
#ff5f20 rgb(255,95,32)
```
#ffcf20
```
#ffcf20 rgb(255,207,32)
```

Analogous Color

#2050ff
```
#2050ff rgb(32,80,255)
```
#ff5f20
```
#ff5f20 rgb(255,95,32)
```
#20ffcf
```
#20ffcf rgb(32,255,207)
```

Split Complementary Color

#5f20ff
```
#5f20ff rgb(95,32,255)
```
#ff5f20
```
#ff5f20 rgb(255,95,32)
```
#20ff5f
```
#20ff5f rgb(32,255,95)
```

Triadic Color

#ff20c0
```
#ff20c0 rgb(255,32,192)
```
#ff5f20
```
#ff5f20 rgb(255,95,32)
```
#20ff5f
```
#20ff5f rgb(32,255,95)
```
#20c0ff
```
#20c0ff rgb(32,192,255)
```

Tetradic Color

#d33b00
```
#d33b00 rgb(211,59,0)
```
#ec4300
```
#ec4300 rgb(236,67,0)
```
#ff4d06
```
#ff4d06 rgb(255,77,6)
```
#ff5f20
```
#ff5f20 rgb(255,95,32)
```
#ff713a
```
#ff713a rgb(255,113,58)
```
#ff8453
```
#ff8453 rgb(255,132,83)
```
#ff966d
```
#ff966d rgb(255,150,109)
```

Monochromatic Color

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

#ff2720
```
#ff2720 rgb(255,39,32)
```
#ff3a20
```
#ff3a20 rgb(255,58,32)
```
#ff4c20
```
#ff4c20 rgb(255,76,32)
```
#ff5f20
```
#ff5f20 rgb(255,95,32)
```
#ff7220
```
#ff7220 rgb(255,114,32)
```
#ff8420
```
#ff8420 rgb(255,132,32)
```
#ff9720
```
#ff9720 rgb(255,151,32)
```

Similar Colors

Text with hexadecimal color #ff5f20

This text has a font color of #ff5f20.

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

#ff5f20 background color

This paragraph has a background color of #ff5f20.

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

#ff5f20 border color

This element has a border color of #ff5f20.

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

CSS codes

.text {color:#ff5f20;}

.background {background-color:#ff5f20;}

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

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

#0c0300
```
#0c0300 rgb(12,3,0)
```
#200900
```
#200900 rgb(32,9,0)
```
#340f00
```
#340f00 rgb(52,15,0)
```
#471400
```
#471400 rgb(71,20,0)
```
#5b1a00
```
#5b1a00 rgb(91,26,0)
```
#6e1f00
```
#6e1f00 rgb(110,31,0)
```
#822500
```
#822500 rgb(130,37,0)
```
#962a00
```
#962a00 rgb(150,42,0)
```
#a93000
```
#a93000 rgb(169,48,0)
```
#bd3500
```
#bd3500 rgb(189,53,0)
```
#d13b00
```
#d13b00 rgb(209,59,0)
```
#e44000
```
#e44000 rgb(228,64,0)
```
#f84600
```
#f84600 rgb(248,70,0)
```

Shade Color Variation

#ff510c
```
#ff510c rgb(255,81,12)
```
#ff5f20
```
#ff5f20 rgb(255,95,32)
```
#ff6d34
```
#ff6d34 rgb(255,109,52)
```
#ff7b47
```
#ff7b47 rgb(255,123,71)
```
#ff895b
```
#ff895b rgb(255,137,91)
```
#ff976e
```
#ff976e rgb(255,151,110)
```
#ffa582
```
#ffa582 rgb(255,165,130)
```
#ffb396
```
#ffb396 rgb(255,179,150)
```
#ffc2a9
```
#ffc2a9 rgb(255,194,169)
```
#ffd0bd
```
#ffd0bd rgb(255,208,189)
```
#ffded1
```
#ffded1 rgb(255,222,209)
```
#ffece4
```
#ffece4 rgb(255,236,228)
```
#fffaf8
```
#fffaf8 rgb(255,250,248)
```

Tint Color Variation

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

#988c87
```
#988c87 rgb(152,140,135)
```
#a1887e
```
#a1887e rgb(161,136,126)
```
#a98476
```
#a98476 rgb(169,132,118)
```
#b2816d
```
#b2816d rgb(178,129,109)
```
#ba7d65
```
#ba7d65 rgb(186,125,101)
```
#c3795c
```
#c3795c rgb(195,121,92)
```
#cc7553
```
#cc7553 rgb(204,117,83)
```
#d4724b
```
#d4724b rgb(212,114,75)
```
#dd6e42
```
#dd6e42 rgb(221,110,66)
```
#e56a3a
```
#e56a3a rgb(229,106,58)
```
#ee6631
```
#ee6631 rgb(238,102,49)
```
#f66329
```
#f66329 rgb(246,99,41)
```
#ff5f20
```
#ff5f20 rgb(255,95,32)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#a08073 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9938 Protanopia 1% of men
#c0920d Deuteranopia 1% of men
#ff6368 Tritanopia 0.001% of the population

Trichromacy

#c9842f Protanomaly 1% of men, 0.01% of women
#d67f14 Deuteranomaly 6% of men, 0.4% of women
#ff614d Tritanomaly 0.01% of the population

#ff5f20 hex color

#ff5f20 Color Information

#ff5f20 Color Conversion

Color Schemes with #ff5f20

Alternatives to #ff5f20

#ff5f20 Preview

Shades and Tints of #ff5f20

Tones of #ff5f20

Color Blindness Simulator