#ff500b hex color

In a RGB color space, hex #ff500b is composed of 100% red, 31.4% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 95.7% yellow and 0% black. It has a hue angle of 17 degrees, a saturation of 100% and a lightness of 52.2%. #ff500b color hex could be obtained by blending #ffa016 with #ff0000. Closest websafe color is: #ff6600.

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

● #ff500b color description : Vivid orange.

The hexadecimal color #ff500b has RGB values of R:255, G:80, B:11 and CMYK values of C:0, M:0.69, Y:0.96, K:0. Its decimal value is 16732171.

Hex triplet	ff500b	`#ff500b`
RGB Decimal	255, 80, 11	`rgb(255,80,11)`
RGB Percent	100, 31.4, 4.3	`rgb(100%,31.4%,4.3%)`
CMYK	0, 69, 96, 0
HSL	17°, 100, 52.2	`hsl(17,100%,52.2%)`
HSV (or HSB)	17°, 95.7, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.999, 64.019, 67.541
XYZ	44.171, 27.027, 3.207
xyY	0.594, 0.363, 27.027
CIE-LCH	58.999, 93.06, 46.533
CIE-LUV	58.999, 143.374, 47.074
Hunter-Lab	51.987, 60.686, 32.733
Binary	11111111, 01010000, 00001011

#ff500b
```
#ff500b rgb(255,80,11)
```
#0bbaff
```
#0bbaff rgb(11,186,255)
```

Complementary Color

#ff0b40
```
#ff0b40 rgb(255,11,64)
```
#ff500b
```
#ff500b rgb(255,80,11)
```
#ffca0b
```
#ffca0b rgb(255,202,11)
```

Analogous Color

#0b40ff
```
#0b40ff rgb(11,64,255)
```
#ff500b
```
#ff500b rgb(255,80,11)
```
#0bffca
```
#0bffca rgb(11,255,202)
```

Split Complementary Color

#500bff
```
#500bff rgb(80,11,255)
```
#ff500b
```
#ff500b rgb(255,80,11)
```
#0bff50
```
#0bff50 rgb(11,255,80)
```

Triadic Color

#ff0bba
```
#ff0bba rgb(255,11,186)
```
#ff500b
```
#ff500b rgb(255,80,11)
```
#0bff50
```
#0bff50 rgb(11,255,80)
```
#0bbaff
```
#0bbaff rgb(11,186,255)
```

Tetradic Color

#be3600
```
#be3600 rgb(190,54,0)
```
#d73d00
```
#d73d00 rgb(215,61,0)
```
#f14400
```
#f14400 rgb(241,68,0)
```
#ff500b
```
#ff500b rgb(255,80,11)
```
#ff6225
```
#ff6225 rgb(255,98,37)
```
#ff753e
```
#ff753e rgb(255,117,62)
```
#ff8758
```
#ff8758 rgb(255,135,88)
```

Monochromatic Color

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

#ff130b
```
#ff130b rgb(255,19,11)
```
#ff270b
```
#ff270b rgb(255,39,11)
```
#ff3c0b
```
#ff3c0b rgb(255,60,11)
```
#ff500b
```
#ff500b rgb(255,80,11)
```
#ff640b
```
#ff640b rgb(255,100,11)
```
#ff790b
```
#ff790b rgb(255,121,11)
```
#ff8d0b
```
#ff8d0b rgb(255,141,11)
```

Similar Colors

Text with hexadecimal color #ff500b

This text has a font color of #ff500b.

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

#ff500b background color

This paragraph has a background color of #ff500b.

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

#ff500b border color

This element has a border color of #ff500b.

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

CSS codes

.text {color:#ff500b;}

.background {background-color:#ff500b;}

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

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

#0b0300
```
#0b0300 rgb(11,3,0)
```
#1f0900
```
#1f0900 rgb(31,9,0)
```
#320e00
```
#320e00 rgb(50,14,0)
```
#461400
```
#461400 rgb(70,20,0)
```
#591900
```
#591900 rgb(89,25,0)
```
#6d1f00
```
#6d1f00 rgb(109,31,0)
```
#812400
```
#812400 rgb(129,36,0)
```
#942a00
```
#942a00 rgb(148,42,0)
```
#a82f00
```
#a82f00 rgb(168,47,0)
```
#bc3500
```
#bc3500 rgb(188,53,0)
```
#cf3b00
```
#cf3b00 rgb(207,59,0)
```
#e34000
```
#e34000 rgb(227,64,0)
```
#f64600
```
#f64600 rgb(246,70,0)
```

Shade Color Variation

#ff500b
```
#ff500b rgb(255,80,11)
```
#ff5e1f
```
#ff5e1f rgb(255,94,31)
```
#ff6c32
```
#ff6c32 rgb(255,108,50)
```
#ff7a46
```
#ff7a46 rgb(255,122,70)
```
#ff8859
```
#ff8859 rgb(255,136,89)
```
#ff966d
```
#ff966d rgb(255,150,109)
```
#ffa481
```
#ffa481 rgb(255,164,129)
```
#ffb294
```
#ffb294 rgb(255,178,148)
```
#ffc1a8
```
#ffc1a8 rgb(255,193,168)
```
#ffcfbc
```
#ffcfbc rgb(255,207,188)
```
#ffddcf
```
#ffddcf rgb(255,221,207)
```
#ffebe3
```
#ffebe3 rgb(255,235,227)
```
#fff9f6
```
#fff9f6 rgb(255,249,246)
```

Tint Color Variation

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

#8e817c
```
#8e817c rgb(142,129,124)
```
#987d72
```
#987d72 rgb(152,125,114)
```
#a17969
```
#a17969 rgb(161,121,105)
```
#ab755f
```
#ab755f rgb(171,117,95)
```
#b47156
```
#b47156 rgb(180,113,86)
```
#bd6d4d
```
#bd6d4d rgb(189,109,77)
```
#c76843
```
#c76843 rgb(199,104,67)
```
#d0643a
```
#d0643a rgb(208,100,58)
```
#d96031
```
#d96031 rgb(217,96,49)
```
#e35c27
```
#e35c27 rgb(227,92,39)
```
#ec581e
```
#ec581e rgb(236,88,30)
```
#f65414
```
#f65414 rgb(246,84,20)
```
#ff500b
```
#ff500b rgb(255,80,11)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#967365 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59427 Protanopia 1% of men
#b88c00 Deuteranopia 1% of men
#ff5558 Tritanopia 0.001% of the population

Trichromacy

#c57b1d Protanomaly 1% of men, 0.01% of women
#d27604 Deuteranomaly 6% of men, 0.4% of women
#ff533c Tritanomaly 0.01% of the population

#ff500b hex color

#ff500b Color Information

#ff500b Color Conversion

Color Schemes with #ff500b

Alternatives to #ff500b

#ff500b Preview

Shades and Tints of #ff500b

Tones of #ff500b

Color Blindness Simulator