#ff1314 hex color

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

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

● #ff1314 color description : Vivid red.

The hexadecimal color #ff1314 has RGB values of R:255, G:19, B:20 and CMYK values of C:0, M:0.93, Y:0.92, K:0. Its decimal value is 16716564.

Hex triplet	ff1314	`#ff1314`
RGB Decimal	255, 19, 20	`rgb(255,19,20)`
RGB Percent	100, 7.5, 7.8	`rgb(100%,7.5%,7.8%)`
CMYK	0, 93, 92, 0
HSL	359.7°, 100, 53.7	`hsl(359.7,100%,53.7%)`
HSV (or HSB)	359.7°, 92.5, 100
Web Safe	ff0000	`#ff0000`

CIE-LAB	53.795, 78.79, 62.189
XYZ	41.602, 21.782, 2.676
xyY	0.63, 0.33, 21.782
CIE-LCH	53.795, 100.376, 38.284
CIE-LUV	53.795, 170.854, 36.746
Hunter-Lab	46.671, 77.437, 29.27
Binary	11111111, 00010011, 00010100

#ff1314
```
#ff1314 rgb(255,19,20)
```
#13fffe
```
#13fffe rgb(19,255,254)
```

Complementary Color

#ff138a
```
#ff138a rgb(255,19,138)
```
#ff1314
```
#ff1314 rgb(255,19,20)
```
#ff8813
```
#ff8813 rgb(255,136,19)
```

Analogous Color

#138aff
```
#138aff rgb(19,138,255)
```
#ff1314
```
#ff1314 rgb(255,19,20)
```
#13ff88
```
#13ff88 rgb(19,255,136)
```

Split Complementary Color

#1314ff
```
#1314ff rgb(19,20,255)
```
#ff1314
```
#ff1314 rgb(255,19,20)
```
#14ff13
```
#14ff13 rgb(20,255,19)
```

Triadic Color

#fe13ff
```
#fe13ff rgb(254,19,255)
```
#ff1314
```
#ff1314 rgb(255,19,20)
```
#14ff13
```
#14ff13 rgb(20,255,19)
```
#13fffe
```
#13fffe rgb(19,255,254)
```

Tetradic Color

#c60001
```
#c60001 rgb(198,0,1)
```
#df0001
```
#df0001 rgb(223,0,1)
```
#f90001
```
#f90001 rgb(249,0,1)
```
#ff1314
```
#ff1314 rgb(255,19,20)
```
#ff2d2d
```
#ff2d2d rgb(255,45,45)
```
#ff4647
```
#ff4647 rgb(255,70,71)
```
#ff6060
```
#ff6060 rgb(255,96,96)
```

Monochromatic Color

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

#ff134f
```
#ff134f rgb(255,19,79)
```
#ff133b
```
#ff133b rgb(255,19,59)
```
#ff1328
```
#ff1328 rgb(255,19,40)
```
#ff1314
```
#ff1314 rgb(255,19,20)
```
#ff2613
```
#ff2613 rgb(255,38,19)
```
#ff3913
```
#ff3913 rgb(255,57,19)
```
#ff4d13
```
#ff4d13 rgb(255,77,19)
```

Similar Colors

Text with hexadecimal color #ff1314

This text has a font color of #ff1314.

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

#ff1314 background color

This paragraph has a background color of #ff1314.

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

#ff1314 border color

This element has a border color of #ff1314.

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

CSS codes

.text {color:#ff1314;}

.background {background-color:#ff1314;}

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

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)
```
#3a0000
```
#3a0000 rgb(58,0,0)
```
#4e0000
```
#4e0000 rgb(78,0,0)
```
#610000
```
#610000 rgb(97,0,0)
```
#750000
```
#750000 rgb(117,0,0)
```
#890001
```
#890001 rgb(137,0,1)
```
#9c0001
```
#9c0001 rgb(156,0,1)
```
#b00001
```
#b00001 rgb(176,0,1)
```
#c40001
```
#c40001 rgb(196,0,1)
```
#d70001
```
#d70001 rgb(215,0,1)
```
#eb0001
```
#eb0001 rgb(235,0,1)
```
#fe0001
```
#fe0001 rgb(254,0,1)
```

Shade Color Variation

#ff1314
```
#ff1314 rgb(255,19,20)
```
#ff2728
```
#ff2728 rgb(255,39,40)
```
#ff3a3b
```
#ff3a3b rgb(255,58,59)
```
#ff4e4f
```
#ff4e4f rgb(255,78,79)
```
#ff6162
```
#ff6162 rgb(255,97,98)
```
#ff7576
```
#ff7576 rgb(255,117,118)
```
#ff8989
```
#ff8989 rgb(255,137,137)
```
#ff9c9d
```
#ff9c9d rgb(255,156,157)
```
#ffb0b0
```
#ffb0b0 rgb(255,176,176)
```
#ffc4c4
```
#ffc4c4 rgb(255,196,196)
```
#ffd7d7
```
#ffd7d7 rgb(255,215,215)
```
#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 #ff1314 is the most saturated one.

#928080
```
#928080 rgb(146,128,128)
```
#9b7777
```
#9b7777 rgb(155,119,119)
```
#a46e6e
```
#a46e6e rgb(164,110,110)
```
#ad6565
```
#ad6565 rgb(173,101,101)
```
#b65c5c
```
#b65c5c rgb(182,92,92)
```
#bf5353
```
#bf5353 rgb(191,83,83)
```
#c9494a
```
#c9494a rgb(201,73,74)
```
#d24041
```
#d24041 rgb(210,64,65)
```
#db3738
```
#db3738 rgb(219,55,56)
```
#e42e2f
```
#e42e2f rgb(228,46,47)
```
#ed2526
```
#ed2526 rgb(237,37,38)
```
#f61c1d
```
#f61c1d rgb(246,28,29)
```
#ff1314
```
#ff1314 rgb(255,19,20)
```

Tone Color Variation

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

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

Trichromacy

#bc5d28 Protanomaly 1% of men, 0.01% of women
#c85807 Deuteranomaly 6% of men, 0.4% of women
#fe1b15 Tritanomaly 0.01% of the population

#ff1314 hex color

#ff1314 Color Information

#ff1314 Color Conversion

Color Schemes with #ff1314

Alternatives to #ff1314

#ff1314 Preview

Shades and Tints of #ff1314

Tones of #ff1314

Color Blindness Simulator