#ff1420 hex color

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

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

● #ff1420 color description : Vivid red.

The hexadecimal color #ff1420 has RGB values of R:255, G:20, B:32 and CMYK values of C:0, M:0.92, Y:0.87, K:0. Its decimal value is 16716832.

Hex triplet	ff1420	`#ff1420`
RGB Decimal	255, 20, 32	`rgb(255,20,32)`
RGB Percent	100, 7.8, 12.5	`rgb(100%,7.8%,12.5%)`
CMYK	0, 92, 87, 0
HSL	356.9°, 100, 53.9	`hsl(356.9,100%,53.9%)`
HSV (or HSB)	356.9°, 92.2, 100
Web Safe	ff0033	`#ff0033`

CIE-LAB	53.889, 78.845, 57.584
XYZ	41.753, 21.87, 3.389
xyY	0.623, 0.326, 21.87
CIE-LCH	53.889, 97.634, 36.142
CIE-LUV	53.889, 169.323, 34.801
Hunter-Lab	46.766, 77.529, 28.439
Binary	11111111, 00010100, 00100000

#ff1420
```
#ff1420 rgb(255,20,32)
```
#14fff3
```
#14fff3 rgb(20,255,243)
```

Complementary Color

#ff1496
```
#ff1496 rgb(255,20,150)
```
#ff1420
```
#ff1420 rgb(255,20,32)
```
#ff7e14
```
#ff7e14 rgb(255,126,20)
```

Analogous Color

#1496ff
```
#1496ff rgb(20,150,255)
```
#ff1420
```
#ff1420 rgb(255,20,32)
```
#14ff7e
```
#14ff7e rgb(20,255,126)
```

Split Complementary Color

#1420ff
```
#1420ff rgb(20,32,255)
```
#ff1420
```
#ff1420 rgb(255,20,32)
```
#20ff14
```
#20ff14 rgb(32,255,20)
```

Triadic Color

#f314ff
```
#f314ff rgb(243,20,255)
```
#ff1420
```
#ff1420 rgb(255,20,32)
```
#20ff14
```
#20ff14 rgb(32,255,20)
```
#14fff3
```
#14fff3 rgb(20,255,243)
```

Tetradic Color

#c7000a
```
#c7000a rgb(199,0,10)
```
#e0000b
```
#e0000b rgb(224,0,11)
```
#fa000d
```
#fa000d rgb(250,0,13)
```
#ff1420
```
#ff1420 rgb(255,20,32)
```
#ff2e38
```
#ff2e38 rgb(255,46,56)
```
#ff4750
```
#ff4750 rgb(255,71,80)
```
#ff6169
```
#ff6169 rgb(255,97,105)
```

Monochromatic Color

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

#ff145b
```
#ff145b rgb(255,20,91)
```
#ff1447
```
#ff1447 rgb(255,20,71)
```
#ff1434
```
#ff1434 rgb(255,20,52)
```
#ff1420
```
#ff1420 rgb(255,20,32)
```
#ff1c14
```
#ff1c14 rgb(255,28,20)
```
#ff2f14
```
#ff2f14 rgb(255,47,20)
```
#ff4314
```
#ff4314 rgb(255,67,20)
```

Similar Colors

Text with hexadecimal color #ff1420

This text has a font color of #ff1420.

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

#ff1420 background color

This paragraph has a background color of #ff1420.

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

#ff1420 border color

This element has a border color of #ff1420.

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

CSS codes

.text {color:#ff1420;}

.background {background-color:#ff1420;}

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

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 #ffeced is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#140001
```
#140001 rgb(20,0,1)
```
#280002
```
#280002 rgb(40,0,2)
```
#3b0003
```
#3b0003 rgb(59,0,3)
```
#4f0004
```
#4f0004 rgb(79,0,4)
```
#620005
```
#620005 rgb(98,0,5)
```
#760006
```
#760006 rgb(118,0,6)
```
#8a0007
```
#8a0007 rgb(138,0,7)
```
#9d0008
```
#9d0008 rgb(157,0,8)
```
#b10009
```
#b10009 rgb(177,0,9)
```
#c5000a
```
#c5000a rgb(197,0,10)
```
#d8000b
```
#d8000b rgb(216,0,11)
```
#ec000c
```
#ec000c rgb(236,0,12)
```

Shade Color Variation

#ff000d
```
#ff000d rgb(255,0,13)
```
#ff1420
```
#ff1420 rgb(255,20,32)
```
#ff2833
```
#ff2833 rgb(255,40,51)
```
#ff3b45
```
#ff3b45 rgb(255,59,69)
```
#ff4f58
```
#ff4f58 rgb(255,79,88)
```
#ff626a
```
#ff626a rgb(255,98,106)
```
#ff767d
```
#ff767d rgb(255,118,125)
```
#ff8a90
```
#ff8a90 rgb(255,138,144)
```
#ff9da2
```
#ff9da2 rgb(255,157,162)
```
#ffb1b5
```
#ffb1b5 rgb(255,177,181)
```
#ffc5c8
```
#ffc5c8 rgb(255,197,200)
```
#ffd8da
```
#ffd8da rgb(255,216,218)
```
#ffeced
```
#ffeced rgb(255,236,237)
```

Tint Color Variation

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

#938081
```
#938081 rgb(147,128,129)
```
#9c7779
```
#9c7779 rgb(156,119,121)
```
#a56e71
```
#a56e71 rgb(165,110,113)
```
#ae6569
```
#ae6569 rgb(174,101,105)
```
#b75c61
```
#b75c61 rgb(183,92,97)
```
#c05359
```
#c05359 rgb(192,83,89)
```
#c94a51
```
#c94a51 rgb(201,74,81)
```
#d24149
```
#d24149 rgb(210,65,73)
```
#db3840
```
#db3840 rgb(219,56,64)
```
#e42f38
```
#e42f38 rgb(228,47,56)
```
#ed2630
```
#ed2630 rgb(237,38,48)
```
#f61d28
```
#f61d28 rgb(246,29,40)
```
#ff1420
```
#ff1420 rgb(255,20,32)
```

Tone Color Variation

Below, you can see how #ff1420 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
#7d4e50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958740 Protanopia 1% of men
#a98000 Deuteranopia 1% of men
#fe221b Tritanopia 0.001% of the population

Trichromacy

#bb5d34 Protanomaly 1% of men, 0.01% of women
#c8590b Deuteranomaly 6% of men, 0.4% of women
#fe1d1d Tritanomaly 0.01% of the population

#ff1420 hex color

#ff1420 Color Information

#ff1420 Color Conversion

Color Schemes with #ff1420

Alternatives to #ff1420

#ff1420 Preview

Shades and Tints of #ff1420

Tones of #ff1420

Color Blindness Simulator