#ff1714 hex color

In a RGB color space, hex #ff1714 is composed of 100% red, 9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91% magenta, 92.2% yellow and 0% black. It has a hue angle of 0.8 degrees, a saturation of 100% and a lightness of 53.9%. #ff1714 color hex could be obtained by blending #ff2e28 with #ff0000. Closest websafe color is: #ff0000.

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

● #ff1714 color description : Vivid red.

The hexadecimal color #ff1714 has RGB values of R:255, G:23, B:20 and CMYK values of C:0, M:0.91, Y:0.92, K:0. Its decimal value is 16717588.

Hex triplet	ff1714	`#ff1714`
RGB Decimal	255, 23, 20	`rgb(255,23,20)`
RGB Percent	100, 9, 7.8	`rgb(100%,9%,7.8%)`
CMYK	0, 91, 92, 0
HSL	0.8°, 100, 53.9	`hsl(0.8,100%,53.9%)`
HSV (or HSB)	0.8°, 92.2, 100
Web Safe	ff0000	`#ff0000`

CIE-LAB	53.951, 78.338, 62.282
XYZ	41.675, 21.929, 2.7
xyY	0.629, 0.331, 21.929
CIE-LCH	53.951, 100.08, 38.486
CIE-LUV	53.951, 169.97, 37.034
Hunter-Lab	46.828, 76.907, 29.361
Binary	11111111, 00010111, 00010100

#ff1714
```
#ff1714 rgb(255,23,20)
```
#14fcff
```
#14fcff rgb(20,252,255)
```

Complementary Color

#ff1487
```
#ff1487 rgb(255,20,135)
```
#ff1714
```
#ff1714 rgb(255,23,20)
```
#ff8d14
```
#ff8d14 rgb(255,141,20)
```

Analogous Color

#1487ff
```
#1487ff rgb(20,135,255)
```
#ff1714
```
#ff1714 rgb(255,23,20)
```
#14ff8d
```
#14ff8d rgb(20,255,141)
```

Split Complementary Color

#1714ff
```
#1714ff rgb(23,20,255)
```
#ff1714
```
#ff1714 rgb(255,23,20)
```
#14ff17
```
#14ff17 rgb(20,255,23)
```

Triadic Color

#ff14fc
```
#ff14fc rgb(255,20,252)
```
#ff1714
```
#ff1714 rgb(255,23,20)
```
#14ff17
```
#14ff17 rgb(20,255,23)
```
#14fcff
```
#14fcff rgb(20,252,255)
```

Tetradic Color

#c70300
```
#c70300 rgb(199,3,0)
```
#e00300
```
#e00300 rgb(224,3,0)
```
#fa0300
```
#fa0300 rgb(250,3,0)
```
#ff1714
```
#ff1714 rgb(255,23,20)
```
#ff302e
```
#ff302e rgb(255,48,46)
```
#ff4947
```
#ff4947 rgb(255,73,71)
```
#ff6361
```
#ff6361 rgb(255,99,97)
```

Monochromatic Color

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

#ff144c
```
#ff144c rgb(255,20,76)
```
#ff1438
```
#ff1438 rgb(255,20,56)
```
#ff1425
```
#ff1425 rgb(255,20,37)
```
#ff1714
```
#ff1714 rgb(255,23,20)
```
#ff2b14
```
#ff2b14 rgb(255,43,20)
```
#ff3e14
```
#ff3e14 rgb(255,62,20)
```
#ff5214
```
#ff5214 rgb(255,82,20)
```

Similar Colors

Text with hexadecimal color #ff1714

This text has a font color of #ff1714.

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

#ff1714 background color

This paragraph has a background color of #ff1714.

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

#ff1714 border color

This element has a border color of #ff1714.

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

CSS codes

.text {color:#ff1714;}

.background {background-color:#ff1714;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#140000
```
#140000 rgb(20,0,0)
```
#280100
```
#280100 rgb(40,1,0)
```
#3b0100
```
#3b0100 rgb(59,1,0)
```
#4f0100
```
#4f0100 rgb(79,1,0)
```
#620100
```
#620100 rgb(98,1,0)
```
#760200
```
#760200 rgb(118,2,0)
```
#8a0200
```
#8a0200 rgb(138,2,0)
```
#9d0200
```
#9d0200 rgb(157,2,0)
```
#b10200
```
#b10200 rgb(177,2,0)
```
#c50300
```
#c50300 rgb(197,3,0)
```
#d80300
```
#d80300 rgb(216,3,0)
```
#ec0300
```
#ec0300 rgb(236,3,0)
```

Shade Color Variation

#ff0400
```
#ff0400 rgb(255,4,0)
```
#ff1714
```
#ff1714 rgb(255,23,20)
```
#ff2a28
```
#ff2a28 rgb(255,42,40)
```
#ff3e3b
```
#ff3e3b rgb(255,62,59)
```
#ff514f
```
#ff514f rgb(255,81,79)
```
#ff6462
```
#ff6462 rgb(255,100,98)
```
#ff7876
```
#ff7876 rgb(255,120,118)
```
#ff8b8a
```
#ff8b8a rgb(255,139,138)
```
#ff9f9d
```
#ff9f9d rgb(255,159,157)
```
#ffb2b1
```
#ffb2b1 rgb(255,178,177)
```
#ffc5c5
```
#ffc5c5 rgb(255,197,197)
```
#ffd9d8
```
#ffd9d8 rgb(255,217,216)
```
#ffecec
```
#ffecec rgb(255,236,236)
```

Tint Color Variation

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

#938180
```
#938180 rgb(147,129,128)
```
#9c7877
```
#9c7877 rgb(156,120,119)
```
#a56f6e
```
#a56f6e rgb(165,111,110)
```
#ae6665
```
#ae6665 rgb(174,102,101)
```
#b75d5c
```
#b75d5c rgb(183,93,92)
```
#c05553
```
#c05553 rgb(192,85,83)
```
#c94c4a
```
#c94c4a rgb(201,76,74)
```
#d24341
```
#d24341 rgb(210,67,65)
```
#db3a38
```
#db3a38 rgb(219,58,56)
```
#e4312f
```
#e4312f rgb(228,49,47)
```
#ed2926
```
#ed2926 rgb(237,41,38)
```
#f6201d
```
#f6201d rgb(246,32,29)
```
#ff1714
```
#ff1714 rgb(255,23,20)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#7d4e4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#968733 Protanopia 1% of men
#a98100 Deuteranopia 1% of men
#fe231c Tritanopia 0.001% of the population

Trichromacy

#bc5e28 Protanomaly 1% of men, 0.01% of women
#c85a07 Deuteranomaly 6% of men, 0.4% of women
#fe1e19 Tritanomaly 0.01% of the population

#ff1714 hex color

#ff1714 Color Information

#ff1714 Color Conversion

Color Schemes with #ff1714

Alternatives to #ff1714

#ff1714 Preview

Shades and Tints of #ff1714

Tones of #ff1714

Color Blindness Simulator