#ff1428 hex color

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

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

● #ff1428 color description : Vivid red.

The hexadecimal color #ff1428 has RGB values of R:255, G:20, B:40 and CMYK values of C:0, M:0.92, Y:0.84, K:0. Its decimal value is 16716840.

Hex triplet	ff1428	`#ff1428`
RGB Decimal	255, 20, 40	`rgb(255,20,40)`
RGB Percent	100, 7.8, 15.7	`rgb(100%,7.8%,15.7%)`
CMYK	0, 92, 84, 0
HSL	354.9°, 100, 53.9	`hsl(354.9,100%,53.9%)`
HSV (or HSB)	354.9°, 92.2, 100
Web Safe	ff0033	`#ff0033`

CIE-LAB	53.941, 78.991, 53.918
XYZ	41.875, 21.919, 4.033
xyY	0.617, 0.323, 21.919
CIE-LCH	53.941, 95.639, 34.317
CIE-LUV	53.941, 168.138, 32.996
Hunter-Lab	46.818, 77.726, 27.665
Binary	11111111, 00010100, 00101000

#ff1428
```
#ff1428 rgb(255,20,40)
```
#14ffeb
```
#14ffeb rgb(20,255,235)
```

Complementary Color

#ff149e
```
#ff149e rgb(255,20,158)
```
#ff1428
```
#ff1428 rgb(255,20,40)
```
#ff7614
```
#ff7614 rgb(255,118,20)
```

Analogous Color

#149eff
```
#149eff rgb(20,158,255)
```
#ff1428
```
#ff1428 rgb(255,20,40)
```
#14ff76
```
#14ff76 rgb(20,255,118)
```

Split Complementary Color

#1428ff
```
#1428ff rgb(20,40,255)
```
#ff1428
```
#ff1428 rgb(255,20,40)
```
#28ff14
```
#28ff14 rgb(40,255,20)
```

Triadic Color

#eb14ff
```
#eb14ff rgb(235,20,255)
```
#ff1428
```
#ff1428 rgb(255,20,40)
```
#28ff14
```
#28ff14 rgb(40,255,20)
```
#14ffeb
```
#14ffeb rgb(20,255,235)
```

Tetradic Color

#c70011
```
#c70011 rgb(199,0,17)
```
#e00013
```
#e00013 rgb(224,0,19)
```
#fa0015
```
#fa0015 rgb(250,0,21)
```
#ff1428
```
#ff1428 rgb(255,20,40)
```
#ff2e3f
```
#ff2e3f rgb(255,46,63)
```
#ff4757
```
#ff4757 rgb(255,71,87)
```
#ff616e
```
#ff616e rgb(255,97,110)
```

Monochromatic Color

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

#ff1463
```
#ff1463 rgb(255,20,99)
```
#ff144f
```
#ff144f rgb(255,20,79)
```
#ff143c
```
#ff143c rgb(255,20,60)
```
#ff1428
```
#ff1428 rgb(255,20,40)
```
#ff1414
```
#ff1414 rgb(255,20,20)
```
#ff2714
```
#ff2714 rgb(255,39,20)
```
#ff3b14
```
#ff3b14 rgb(255,59,20)
```

Similar Colors

Text with hexadecimal color #ff1428

This text has a font color of #ff1428.

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

#ff1428 background color

This paragraph has a background color of #ff1428.

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

#ff1428 border color

This element has a border color of #ff1428.

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

CSS codes

.text {color:#ff1428;}

.background {background-color:#ff1428;}

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

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)
```
#140002
```
#140002 rgb(20,0,2)
```
#280003
```
#280003 rgb(40,0,3)
```
#3b0005
```
#3b0005 rgb(59,0,5)
```
#4f0007
```
#4f0007 rgb(79,0,7)
```
#620008
```
#620008 rgb(98,0,8)
```
#76000a
```
#76000a rgb(118,0,10)
```
#8a000c
```
#8a000c rgb(138,0,12)
```
#9d000d
```
#9d000d rgb(157,0,13)
```
#b1000f
```
#b1000f rgb(177,0,15)
```
#c50011
```
#c50011 rgb(197,0,17)
```
#d80012
```
#d80012 rgb(216,0,18)
```
#ec0014
```
#ec0014 rgb(236,0,20)
```

Shade Color Variation

#ff0016
```
#ff0016 rgb(255,0,22)
```
#ff1428
```
#ff1428 rgb(255,20,40)
```
#ff283a
```
#ff283a rgb(255,40,58)
```
#ff3b4c
```
#ff3b4c rgb(255,59,76)
```
#ff4f5e
```
#ff4f5e rgb(255,79,94)
```
#ff6270
```
#ff6270 rgb(255,98,112)
```
#ff7682
```
#ff7682 rgb(255,118,130)
```
#ff8a94
```
#ff8a94 rgb(255,138,148)
```
#ff9da6
```
#ff9da6 rgb(255,157,166)
```
#ffb1b8
```
#ffb1b8 rgb(255,177,184)
```
#ffc5ca
```
#ffc5ca rgb(255,197,202)
```
#ffd8db
```
#ffd8db rgb(255,216,219)
```
#ffeced
```
#ffeced rgb(255,236,237)
```

Tint Color Variation

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

#938082
```
#938082 rgb(147,128,130)
```
#9c777b
```
#9c777b rgb(156,119,123)
```
#a56e73
```
#a56e73 rgb(165,110,115)
```
#ae656c
```
#ae656c rgb(174,101,108)
```
#b75c64
```
#b75c64 rgb(183,92,100)
```
#c0535d
```
#c0535d rgb(192,83,93)
```
#c94a55
```
#c94a55 rgb(201,74,85)
```
#d2414e
```
#d2414e rgb(210,65,78)
```
#db3846
```
#db3846 rgb(219,56,70)
```
#e42f3f
```
#e42f3f rgb(228,47,63)
```
#ed2637
```
#ed2637 rgb(237,38,55)
```
#f61d2f
```
#f61d2f rgb(246,29,47)
```
#ff1428
```
#ff1428 rgb(255,20,40)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#7d4e52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948749 Protanopia 1% of men
#a98018 Deuteranopia 1% of men
#fe241d Tritanopia 0.001% of the population

Trichromacy

#bb5d3d Protanomaly 1% of men, 0.01% of women
#c8591d Deuteranomaly 6% of men, 0.4% of women
#fe1e21 Tritanomaly 0.01% of the population

#ff1428 hex color

#ff1428 Color Information

#ff1428 Color Conversion

Color Schemes with #ff1428

Alternatives to #ff1428

#ff1428 Preview

Shades and Tints of #ff1428

Tones of #ff1428

Color Blindness Simulator