#ff3116 hex color

In a RGB color space, hex #ff3116 is composed of 100% red, 19.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 91.4% yellow and 0% black. It has a hue angle of 7 degrees, a saturation of 100% and a lightness of 54.3%. #ff3116 color hex could be obtained by blending #ff622c with #ff0000. Closest websafe color is: #ff3300.

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

● #ff3116 color description : Vivid red.

The hexadecimal color #ff3116 has RGB values of R:255, G:49, B:22 and CMYK values of C:0, M:0.81, Y:0.91, K:0. Its decimal value is 16724246.

Hex triplet	ff3116	`#ff3116`
RGB Decimal	255, 49, 22	`rgb(255,49,22)`
RGB Percent	100, 19.2, 8.6	`rgb(100%,19.2%,8.6%)`
CMYK	0, 81, 91, 0
HSL	7°, 100, 54.3	`hsl(7,100%,54.3%)`
HSV (or HSB)	7°, 91.4, 100
Web Safe	ff3300	`#ff3300`

CIE-LAB	55.604, 73.662, 62.636
XYZ	42.485, 23.52, 3.062
xyY	0.615, 0.341, 23.52
CIE-LCH	55.604, 96.692, 40.375
CIE-LUV	55.604, 160.703, 39.767
Hunter-Lab	48.497, 71.502, 30.205
Binary	11111111, 00110001, 00010110

#ff3116
```
#ff3116 rgb(255,49,22)
```
#16e4ff
```
#16e4ff rgb(22,228,255)
```

Complementary Color

#ff1670
```
#ff1670 rgb(255,22,112)
```
#ff3116
```
#ff3116 rgb(255,49,22)
```
#ffa616
```
#ffa616 rgb(255,166,22)
```

Analogous Color

#1670ff
```
#1670ff rgb(22,112,255)
```
#ff3116
```
#ff3116 rgb(255,49,22)
```
#16ffa6
```
#16ffa6 rgb(22,255,166)
```

Split Complementary Color

#3116ff
```
#3116ff rgb(49,22,255)
```
#ff3116
```
#ff3116 rgb(255,49,22)
```
#16ff31
```
#16ff31 rgb(22,255,49)
```

Triadic Color

#ff16e4
```
#ff16e4 rgb(255,22,228)
```
#ff3116
```
#ff3116 rgb(255,49,22)
```
#16ff31
```
#16ff31 rgb(22,255,49)
```
#16e4ff
```
#16e4ff rgb(22,228,255)
```

Tetradic Color

#c91700
```
#c91700 rgb(201,23,0)
```
#e21a00
```
#e21a00 rgb(226,26,0)
```
#fc1d00
```
#fc1d00 rgb(252,29,0)
```
#ff3116
```
#ff3116 rgb(255,49,22)
```
#ff4830
```
#ff4830 rgb(255,72,48)
```
#ff5e49
```
#ff5e49 rgb(255,94,73)
```
#ff7563
```
#ff7563 rgb(255,117,99)
```

Monochromatic Color

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

#ff1635
```
#ff1635 rgb(255,22,53)
```
#ff1622
```
#ff1622 rgb(255,22,34)
```
#ff1e16
```
#ff1e16 rgb(255,30,22)
```
#ff3116
```
#ff3116 rgb(255,49,22)
```
#ff4416
```
#ff4416 rgb(255,68,22)
```
#ff5816
```
#ff5816 rgb(255,88,22)
```
#ff6b16
```
#ff6b16 rgb(255,107,22)
```

Similar Colors

Text with hexadecimal color #ff3116

This text has a font color of #ff3116.

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

#ff3116 background color

This paragraph has a background color of #ff3116.

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

#ff3116 border color

This element has a border color of #ff3116.

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

CSS codes

.text {color:#ff3116;}

.background {background-color:#ff3116;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#160300
```
#160300 rgb(22,3,0)
```
#2a0500
```
#2a0500 rgb(42,5,0)
```
#3d0700
```
#3d0700 rgb(61,7,0)
```
#510900
```
#510900 rgb(81,9,0)
```
#640c00
```
#640c00 rgb(100,12,0)
```
#780e00
```
#780e00 rgb(120,14,0)
```
#8c1000
```
#8c1000 rgb(140,16,0)
```
#9f1200
```
#9f1200 rgb(159,18,0)
```
#b31500
```
#b31500 rgb(179,21,0)
```
#c71700
```
#c71700 rgb(199,23,0)
```
#da1900
```
#da1900 rgb(218,25,0)
```
#ee1c00
```
#ee1c00 rgb(238,28,0)
```

Shade Color Variation

#ff2002
```
#ff2002 rgb(255,32,2)
```
#ff3116
```
#ff3116 rgb(255,49,22)
```
#ff422a
```
#ff422a rgb(255,66,42)
```
#ff543d
```
#ff543d rgb(255,84,61)
```
#ff6551
```
#ff6551 rgb(255,101,81)
```
#ff7664
```
#ff7664 rgb(255,118,100)
```
#ff8878
```
#ff8878 rgb(255,136,120)
```
#ff998c
```
#ff998c rgb(255,153,140)
```
#ffaa9f
```
#ffaa9f rgb(255,170,159)
```
#ffbcb3
```
#ffbcb3 rgb(255,188,179)
```
#ffcdc7
```
#ffcdc7 rgb(255,205,199)
```
#ffdeda
```
#ffdeda rgb(255,222,218)
```
#fff0ee
```
#fff0ee rgb(255,240,238)
```

Tint Color Variation

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

#938482
```
#938482 rgb(147,132,130)
```
#9c7d79
```
#9c7d79 rgb(156,125,121)
```
#a57670
```
#a57670 rgb(165,118,112)
```
#ae6f67
```
#ae6f67 rgb(174,111,103)
```
#b7685e
```
#b7685e rgb(183,104,94)
```
#c06155
```
#c06155 rgb(192,97,85)
```
#c95a4c
```
#c95a4c rgb(201,90,76)
```
#d25343
```
#d25343 rgb(210,83,67)
```
#db4d3a
```
#db4d3a rgb(219,77,58)
```
#e44631
```
#e44631 rgb(228,70,49)
```
#ed3f28
```
#ed3f28 rgb(237,63,40)
```
#f6381f
```
#f6381f rgb(246,56,31)
```
#ff3116
```
#ff3116 rgb(255,49,22)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#89605b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8b33 Protanopia 1% of men
#ae8400 Deuteranopia 1% of men
#ff3a39 Tritanopia 0.001% of the population

Trichromacy

#bf6a28 Protanomaly 1% of men, 0.01% of women
#cb6608 Deuteranomaly 6% of men, 0.4% of women
#ff362c Tritanomaly 0.01% of the population

#ff3116 hex color

#ff3116 Color Information

#ff3116 Color Conversion

Color Schemes with #ff3116

Alternatives to #ff3116

#ff3116 Preview

Shades and Tints of #ff3116

Tones of #ff3116

Color Blindness Simulator