#ff1316 hex color

In a RGB color space, hex #ff1316 is composed of 100% red, 7.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.5% magenta, 91.4% yellow and 0% black. It has a hue angle of 359.2 degrees, a saturation of 100% and a lightness of 53.7%. #ff1316 color hex could be obtained by blending #ff262c with #ff0000. Closest websafe color is: #ff0000.

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

● #ff1316 color description : Vivid red.

The hexadecimal color #ff1316 has RGB values of R:255, G:19, B:22 and CMYK values of C:0, M:0.93, Y:0.91, K:0. Its decimal value is 16716566.

Hex triplet	ff1316	`#ff1316`
RGB Decimal	255, 19, 22	`rgb(255,19,22)`
RGB Percent	100, 7.5, 8.6	`rgb(100%,7.5%,8.6%)`
CMYK	0, 93, 91, 0
HSL	359.2°, 100, 53.7	`hsl(359.2,100%,53.7%)`
HSV (or HSB)	359.2°, 92.5, 100
Web Safe	ff0000	`#ff0000`

CIE-LAB	53.803, 78.813, 61.504
XYZ	41.62, 21.789, 2.773
xyY	0.629, 0.329, 21.789
CIE-LCH	53.803, 99.971, 37.968
CIE-LUV	53.803, 170.67, 36.466
Hunter-Lab	46.679, 77.467, 29.153
Binary	11111111, 00010011, 00010110

#ff1316
```
#ff1316 rgb(255,19,22)
```
#13fffc
```
#13fffc rgb(19,255,252)
```

Complementary Color

#ff138c
```
#ff138c rgb(255,19,140)
```
#ff1316
```
#ff1316 rgb(255,19,22)
```
#ff8613
```
#ff8613 rgb(255,134,19)
```

Analogous Color

#138cff
```
#138cff rgb(19,140,255)
```
#ff1316
```
#ff1316 rgb(255,19,22)
```
#13ff86
```
#13ff86 rgb(19,255,134)
```

Split Complementary Color

#1316ff
```
#1316ff rgb(19,22,255)
```
#ff1316
```
#ff1316 rgb(255,19,22)
```
#16ff13
```
#16ff13 rgb(22,255,19)
```

Triadic Color

#fc13ff
```
#fc13ff rgb(252,19,255)
```
#ff1316
```
#ff1316 rgb(255,19,22)
```
#16ff13
```
#16ff13 rgb(22,255,19)
```
#13fffc
```
#13fffc rgb(19,255,252)
```

Tetradic Color

#c60003
```
#c60003 rgb(198,0,3)
```
#df0003
```
#df0003 rgb(223,0,3)
```
#f90003
```
#f90003 rgb(249,0,3)
```
#ff1316
```
#ff1316 rgb(255,19,22)
```
#ff2d2f
```
#ff2d2f rgb(255,45,47)
```
#ff4648
```
#ff4648 rgb(255,70,72)
```
#ff6062
```
#ff6062 rgb(255,96,98)
```

Monochromatic Color

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

#ff1351
```
#ff1351 rgb(255,19,81)
```
#ff133d
```
#ff133d rgb(255,19,61)
```
#ff132a
```
#ff132a rgb(255,19,42)
```
#ff1316
```
#ff1316 rgb(255,19,22)
```
#ff2413
```
#ff2413 rgb(255,36,19)
```
#ff3713
```
#ff3713 rgb(255,55,19)
```
#ff4b13
```
#ff4b13 rgb(255,75,19)
```

Similar Colors

Text with hexadecimal color #ff1316

This text has a font color of #ff1316.

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

#ff1316 background color

This paragraph has a background color of #ff1316.

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

#ff1316 border color

This element has a border color of #ff1316.

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

CSS codes

.text {color:#ff1316;}

.background {background-color:#ff1316;}

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

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

#130000
```
#130000 rgb(19,0,0)
```
#270000
```
#270000 rgb(39,0,0)
```
#3a0001
```
#3a0001 rgb(58,0,1)
```
#4e0001
```
#4e0001 rgb(78,0,1)
```
#610001
```
#610001 rgb(97,0,1)
```
#750001
```
#750001 rgb(117,0,1)
```
#890002
```
#890002 rgb(137,0,2)
```
#9c0002
```
#9c0002 rgb(156,0,2)
```
#b00002
```
#b00002 rgb(176,0,2)
```
#c40002
```
#c40002 rgb(196,0,2)
```
#d70003
```
#d70003 rgb(215,0,3)
```
#eb0003
```
#eb0003 rgb(235,0,3)
```
#fe0003
```
#fe0003 rgb(254,0,3)
```

Shade Color Variation

#ff1316
```
#ff1316 rgb(255,19,22)
```
#ff2729
```
#ff2729 rgb(255,39,41)
```
#ff3a3d
```
#ff3a3d rgb(255,58,61)
```
#ff4e50
```
#ff4e50 rgb(255,78,80)
```
#ff6163
```
#ff6163 rgb(255,97,99)
```
#ff7577
```
#ff7577 rgb(255,117,119)
```
#ff898a
```
#ff898a rgb(255,137,138)
```
#ff9c9e
```
#ff9c9e rgb(255,156,158)
```
#ffb0b1
```
#ffb0b1 rgb(255,176,177)
```
#ffc4c4
```
#ffc4c4 rgb(255,196,196)
```
#ffd7d8
```
#ffd7d8 rgb(255,215,216)
```
#ffebeb
```
#ffebeb rgb(255,235,235)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#928080
```
#928080 rgb(146,128,128)
```
#9b7777
```
#9b7777 rgb(155,119,119)
```
#a46e6e
```
#a46e6e rgb(164,110,110)
```
#ad6566
```
#ad6566 rgb(173,101,102)
```
#b65c5d
```
#b65c5d rgb(182,92,93)
```
#bf5354
```
#bf5354 rgb(191,83,84)
```
#c9494b
```
#c9494b rgb(201,73,75)
```
#d24042
```
#d24042 rgb(210,64,66)
```
#db3739
```
#db3739 rgb(219,55,57)
```
#e42e31
```
#e42e31 rgb(228,46,49)
```
#ed2528
```
#ed2528 rgb(237,37,40)
```
#f61c1f
```
#f61c1f rgb(246,28,31)
```
#ff1316
```
#ff1316 rgb(255,19,22)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#7b4c4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#968736 Protanopia 1% of men
#a88000 Deuteranopia 1% of men
#fe2017 Tritanopia 0.001% of the population

Trichromacy

#bc5d2a Protanomaly 1% of men, 0.01% of women
#c85808 Deuteranomaly 6% of men, 0.4% of women
#fe1b16 Tritanomaly 0.01% of the population

#ff1316 hex color

#ff1316 Color Information

#ff1316 Color Conversion

Color Schemes with #ff1316

Alternatives to #ff1316

#ff1316 Preview

Shades and Tints of #ff1316

Tones of #ff1316

Color Blindness Simulator