#ff501f hex color

In a RGB color space, hex #ff501f is composed of 100% red, 31.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 87.8% yellow and 0% black. It has a hue angle of 13.1 degrees, a saturation of 100% and a lightness of 56.1%. #ff501f color hex could be obtained by blending #ffa03e with #ff0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 100
- G 31
- B 12
RGB color chart
- C 0
- M 69
- Y 88
- K 0
CMYK color chart

● #ff501f color description : Vivid red.

The hexadecimal color #ff501f has RGB values of R:255, G:80, B:31 and CMYK values of C:0, M:0.69, Y:0.88, K:0. Its decimal value is 16732191.

Hex triplet	ff501f	`#ff501f`
RGB Decimal	255, 80, 31	`rgb(255,80,31)`
RGB Percent	100, 31.4, 12.2	`rgb(100%,31.4%,12.2%)`
CMYK	0, 69, 88, 0
HSL	13.1°, 100, 56.1	`hsl(13.1,100%,56.1%)`
HSV (or HSB)	13.1°, 87.8, 100
Web Safe	ff6633	`#ff6633`

CIE-LAB	59.068, 64.267, 61.896
XYZ	44.358, 27.101, 4.192
xyY	0.586, 0.358, 27.101
CIE-LCH	59.068, 89.226, 43.924
CIE-LUV	59.068, 142.064, 44.504
Hunter-Lab	52.059, 60.992, 31.667
Binary	11111111, 01010000, 00011111

#ff501f
```
#ff501f rgb(255,80,31)
```
#1fceff
```
#1fceff rgb(31,206,255)
```

Complementary Color

#ff1f5e
```
#ff1f5e rgb(255,31,94)
```
#ff501f
```
#ff501f rgb(255,80,31)
```
#ffc01f
```
#ffc01f rgb(255,192,31)
```

Analogous Color

#1f5eff
```
#1f5eff rgb(31,94,255)
```
#ff501f
```
#ff501f rgb(255,80,31)
```
#1fffc0
```
#1fffc0 rgb(31,255,192)
```

Split Complementary Color

#501fff
```
#501fff rgb(80,31,255)
```
#ff501f
```
#ff501f rgb(255,80,31)
```
#1fff50
```
#1fff50 rgb(31,255,80)
```

Triadic Color

#ff1fce
```
#ff1fce rgb(255,31,206)
```
#ff501f
```
#ff501f rgb(255,80,31)
```
#1fff50
```
#1fff50 rgb(31,255,80)
```
#1fceff
```
#1fceff rgb(31,206,255)
```

Tetradic Color

#d22e00
```
#d22e00 rgb(210,46,0)
```
#eb3300
```
#eb3300 rgb(235,51,0)
```
#ff3c05
```
#ff3c05 rgb(255,60,5)
```
#ff501f
```
#ff501f rgb(255,80,31)
```
#ff6439
```
#ff6439 rgb(255,100,57)
```
#ff7852
```
#ff7852 rgb(255,120,82)
```
#ff8c6c
```
#ff8c6c rgb(255,140,108)
```

Monochromatic Color

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

#ff1f26
```
#ff1f26 rgb(255,31,38)
```
#ff2b1f
```
#ff2b1f rgb(255,43,31)
```
#ff3d1f
```
#ff3d1f rgb(255,61,31)
```
#ff501f
```
#ff501f rgb(255,80,31)
```
#ff631f
```
#ff631f rgb(255,99,31)
```
#ff751f
```
#ff751f rgb(255,117,31)
```
#ff881f
```
#ff881f rgb(255,136,31)
```

Similar Colors

Text with hexadecimal color #ff501f

This text has a font color of #ff501f.

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

#ff501f background color

This paragraph has a background color of #ff501f.

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

#ff501f border color

This element has a border color of #ff501f.

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

CSS codes

.text {color:#ff501f;}

.background {background-color:#ff501f;}

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

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

#0b0200
```
#0b0200 rgb(11,2,0)
```
#1f0700
```
#1f0700 rgb(31,7,0)
```
#330b00
```
#330b00 rgb(51,11,0)
```
#460f00
```
#460f00 rgb(70,15,0)
```
#5a1400
```
#5a1400 rgb(90,20,0)
```
#6d1800
```
#6d1800 rgb(109,24,0)
```
#811c00
```
#811c00 rgb(129,28,0)
```
#952100
```
#952100 rgb(149,33,0)
```
#a82500
```
#a82500 rgb(168,37,0)
```
#bc2900
```
#bc2900 rgb(188,41,0)
```
#d02d00
```
#d02d00 rgb(208,45,0)
```
#e33200
```
#e33200 rgb(227,50,0)
```
#f73600
```
#f73600 rgb(247,54,0)
```

Shade Color Variation

#ff410b
```
#ff410b rgb(255,65,11)
```
#ff501f
```
#ff501f rgb(255,80,31)
```
#ff5f33
```
#ff5f33 rgb(255,95,51)
```
#ff6f46
```
#ff6f46 rgb(255,111,70)
```
#ff7e5a
```
#ff7e5a rgb(255,126,90)
```
#ff8d6d
```
#ff8d6d rgb(255,141,109)
```
#ff9d81
```
#ff9d81 rgb(255,157,129)
```
#ffac95
```
#ffac95 rgb(255,172,149)
```
#ffbba8
```
#ffbba8 rgb(255,187,168)
```
#ffcbbc
```
#ffcbbc rgb(255,203,188)
```
#ffdad0
```
#ffdad0 rgb(255,218,208)
```
#ffe9e3
```
#ffe9e3 rgb(255,233,227)
```
#fff9f7
```
#fff9f7 rgb(255,249,247)
```

Tint Color Variation

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

#988a86
```
#988a86 rgb(152,138,134)
```
#a0857e
```
#a0857e rgb(160,133,126)
```
#a98075
```
#a98075 rgb(169,128,117)
```
#b17c6d
```
#b17c6d rgb(177,124,109)
```
#ba7764
```
#ba7764 rgb(186,119,100)
```
#c3725b
```
#c3725b rgb(195,114,91)
```
#cb6d53
```
#cb6d53 rgb(203,109,83)
```
#d4684a
```
#d4684a rgb(212,104,74)
```
#dd6341
```
#dd6341 rgb(221,99,65)
```
#e55f39
```
#e55f39 rgb(229,95,57)
```
#ee5a30
```
#ee5a30 rgb(238,90,48)
```
#f65528
```
#f65528 rgb(246,85,40)
```
#ff501f
```
#ff501f rgb(255,80,31)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#99766c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49438 Protanopia 1% of men
#b98c00 Deuteranopia 1% of men
#ff5559 Tritanopia 0.001% of the population

Trichromacy

#c57b2f Protanomaly 1% of men, 0.01% of women
#d2760b Deuteranomaly 6% of men, 0.4% of women
#ff5344 Tritanomaly 0.01% of the population

#ff501f hex color

#ff501f Color Information

#ff501f Color Conversion

Color Schemes with #ff501f

Alternatives to #ff501f

#ff501f Preview

Shades and Tints of #ff501f

Tones of #ff501f

Color Blindness Simulator