#ff5116 hex color

In a RGB color space, hex #ff5116 is composed of 100% red, 31.8% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.2% magenta, 91.4% yellow and 0% black. It has a hue angle of 15.2 degrees, a saturation of 100% and a lightness of 54.3%. #ff5116 color hex could be obtained by blending #ffa22c with #ff0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 100
- G 32
- B 9
RGB color chart
- C 0
- M 68
- Y 91
- K 0
CMYK color chart

● #ff5116 color description : Vivid orange.

The hexadecimal color #ff5116 has RGB values of R:255, G:81, B:22 and CMYK values of C:0, M:0.68, Y:0.91, K:0. Its decimal value is 16732438.

Hex triplet	ff5116	`#ff5116`
RGB Decimal	255, 81, 22	`rgb(255,81,22)`
RGB Percent	100, 31.8, 8.6	`rgb(100%,31.8%,8.6%)`
CMYK	0, 68, 91, 0
HSL	15.2°, 100, 54.3	`hsl(15.2,100%,54.3%)`
HSV (or HSB)	15.2°, 91.4, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	59.166, 63.759, 64.954
XYZ	44.329, 27.208, 3.677
xyY	0.589, 0.362, 27.208
CIE-LCH	59.166, 91.018, 45.532
CIE-LUV	59.166, 142.095, 46.148
Hunter-Lab	52.161, 60.416, 32.334
Binary	11111111, 01010001, 00010110

#ff5116
```
#ff5116 rgb(255,81,22)
```
#16c4ff
```
#16c4ff rgb(22,196,255)
```

Complementary Color

#ff164f
```
#ff164f rgb(255,22,79)
```
#ff5116
```
#ff5116 rgb(255,81,22)
```
#ffc616
```
#ffc616 rgb(255,198,22)
```

Analogous Color

#164fff
```
#164fff rgb(22,79,255)
```
#ff5116
```
#ff5116 rgb(255,81,22)
```
#16ffc6
```
#16ffc6 rgb(22,255,198)
```

Split Complementary Color

#5116ff
```
#5116ff rgb(81,22,255)
```
#ff5116
```
#ff5116 rgb(255,81,22)
```
#16ff51
```
#16ff51 rgb(22,255,81)
```

Triadic Color

#ff16c4
```
#ff16c4 rgb(255,22,196)
```
#ff5116
```
#ff5116 rgb(255,81,22)
```
#16ff51
```
#16ff51 rgb(22,255,81)
```
#16c4ff
```
#16c4ff rgb(22,196,255)
```

Tetradic Color

#c93300
```
#c93300 rgb(201,51,0)
```
#e23900
```
#e23900 rgb(226,57,0)
```
#fc4000
```
#fc4000 rgb(252,64,0)
```
#ff5116
```
#ff5116 rgb(255,81,22)
```
#ff6430
```
#ff6430 rgb(255,100,48)
```
#ff7749
```
#ff7749 rgb(255,119,73)
```
#ff8a63
```
#ff8a63 rgb(255,138,99)
```

Monochromatic Color

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

#ff1716
```
#ff1716 rgb(255,23,22)
```
#ff2a16
```
#ff2a16 rgb(255,42,22)
```
#ff3e16
```
#ff3e16 rgb(255,62,22)
```
#ff5116
```
#ff5116 rgb(255,81,22)
```
#ff6416
```
#ff6416 rgb(255,100,22)
```
#ff7816
```
#ff7816 rgb(255,120,22)
```
#ff8b16
```
#ff8b16 rgb(255,139,22)
```

Similar Colors

Text with hexadecimal color #ff5116

This text has a font color of #ff5116.

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

#ff5116 background color

This paragraph has a background color of #ff5116.

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

#ff5116 border color

This element has a border color of #ff5116.

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

CSS codes

.text {color:#ff5116;}

.background {background-color:#ff5116;}

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

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, #020100 is the darkest color, while #fff2ee is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#160600
```
#160600 rgb(22,6,0)
```
#2a0b00
```
#2a0b00 rgb(42,11,0)
```
#3d1000
```
#3d1000 rgb(61,16,0)
```
#511400
```
#511400 rgb(81,20,0)
```
#641900
```
#641900 rgb(100,25,0)
```
#781e00
```
#781e00 rgb(120,30,0)
```
#8c2300
```
#8c2300 rgb(140,35,0)
```
#9f2800
```
#9f2800 rgb(159,40,0)
```
#b32d00
```
#b32d00 rgb(179,45,0)
```
#c73200
```
#c73200 rgb(199,50,0)
```
#da3700
```
#da3700 rgb(218,55,0)
```
#ee3c00
```
#ee3c00 rgb(238,60,0)
```

Shade Color Variation

#ff4202
```
#ff4202 rgb(255,66,2)
```
#ff5116
```
#ff5116 rgb(255,81,22)
```
#ff602a
```
#ff602a rgb(255,96,42)
```
#ff6e3d
```
#ff6e3d rgb(255,110,61)
```
#ff7d51
```
#ff7d51 rgb(255,125,81)
```
#ff8c64
```
#ff8c64 rgb(255,140,100)
```
#ff9a78
```
#ff9a78 rgb(255,154,120)
```
#ffa98c
```
#ffa98c rgb(255,169,140)
```
#ffb89f
```
#ffb89f rgb(255,184,159)
```
#ffc6b3
```
#ffc6b3 rgb(255,198,179)
```
#ffd5c7
```
#ffd5c7 rgb(255,213,199)
```
#ffe3da
```
#ffe3da rgb(255,227,218)
```
#fff2ee
```
#fff2ee rgb(255,242,238)
```

Tint Color Variation

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

#938682
```
#938682 rgb(147,134,130)
```
#9c8279
```
#9c8279 rgb(156,130,121)
```
#a57d70
```
#a57d70 rgb(165,125,112)
```
#ae7967
```
#ae7967 rgb(174,121,103)
```
#b7745e
```
#b7745e rgb(183,116,94)
```
#c07055
```
#c07055 rgb(192,112,85)
```
#c96c4c
```
#c96c4c rgb(201,108,76)
```
#d26743
```
#d26743 rgb(210,103,67)
```
#db633a
```
#db633a rgb(219,99,58)
```
#e45e31
```
#e45e31 rgb(228,94,49)
```
#ed5a28
```
#ed5a28 rgb(237,90,40)
```
#f6551f
```
#f6551f rgb(246,85,31)
```
#ff5116
```
#ff5116 rgb(255,81,22)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#987569 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59430 Protanopia 1% of men
#b98d00 Deuteranopia 1% of men
#ff565a Tritanopia 0.001% of the population

Trichromacy

#c67b26 Protanomaly 1% of men, 0.01% of women
#d27708 Deuteranomaly 6% of men, 0.4% of women
#ff5441 Tritanomaly 0.01% of the population

#ff5116 hex color

#ff5116 Color Information

#ff5116 Color Conversion

Color Schemes with #ff5116

Alternatives to #ff5116

#ff5116 Preview

Shades and Tints of #ff5116

Tones of #ff5116

Color Blindness Simulator