#f5142b hex color

In a RGB color space, hex #f5142b is composed of 96.1% red, 7.8% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.8% magenta, 82.4% yellow and 3.9% black. It has a hue angle of 353.9 degrees, a saturation of 91.8% and a lightness of 52%. #f5142b color hex could be obtained by blending #ff2856 with #eb0000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 96
- G 8
- B 17
RGB color chart
- C 0
- M 92
- Y 82
- K 4
CMYK color chart

● #f5142b color description : Vivid red.

The hexadecimal color #f5142b has RGB values of R:245, G:20, B:43 and CMYK values of C:0, M:0.92, Y:0.82, K:0.04. Its decimal value is 16061483.

Hex triplet	f5142b	`#f5142b`
RGB Decimal	245, 20, 43	`rgb(245,20,43)`
RGB Percent	96.1, 7.8, 16.9	`rgb(96.1%,7.8%,16.9%)`
CMYK	0, 92, 82, 4
HSL	353.9°, 91.8, 52	`hsl(353.9,91.8%,52%)`
HSV (or HSB)	353.9°, 91.8, 96.1
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.941, 76.601, 49.862
XYZ	38.344, 20.092, 4.145
xyY	0.613, 0.321, 20.092
CIE-LCH	51.941, 91.4, 33.061
CIE-LUV	51.941, 160.499, 30.487
Hunter-Lab	44.824, 74.253, 25.895
Binary	11110101, 00010100, 00101011

#f5142b
```
#f5142b rgb(245,20,43)
```
#14f5de
```
#14f5de rgb(20,245,222)
```

Complementary Color

#f5149c
```
#f5149c rgb(245,20,156)
```
#f5142b
```
#f5142b rgb(245,20,43)
```
#f56e14
```
#f56e14 rgb(245,110,20)
```

Analogous Color

#149cf5
```
#149cf5 rgb(20,156,245)
```
#f5142b
```
#f5142b rgb(245,20,43)
```
#14f56e
```
#14f56e rgb(20,245,110)
```

Split Complementary Color

#142bf5
```
#142bf5 rgb(20,43,245)
```
#f5142b
```
#f5142b rgb(245,20,43)
```
#2bf514
```
#2bf514 rgb(43,245,20)
```

Triadic Color

#de14f5
```
#de14f5 rgb(222,20,245)
```
#f5142b
```
#f5142b rgb(245,20,43)
```
#2bf514
```
#2bf514 rgb(43,245,20)
```
#14f5de
```
#14f5de rgb(20,245,222)
```

Tetradic Color

#b50819
```
#b50819 rgb(181,8,25)
```
#cd091d
```
#cd091d rgb(205,9,29)
```
#e60a20
```
#e60a20 rgb(230,10,32)
```
#f5142b
```
#f5142b rgb(245,20,43)
```
#f62c41
```
#f62c41 rgb(246,44,65)
```
#f74557
```
#f74557 rgb(247,69,87)
```
#f85d6d
```
#f85d6d rgb(248,93,109)
```

Monochromatic Color

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

#f51463
```
#f51463 rgb(245,20,99)
```
#f51451
```
#f51451 rgb(245,20,81)
```
#f5143e
```
#f5143e rgb(245,20,62)
```
#f5142b
```
#f5142b rgb(245,20,43)
```
#f51418
```
#f51418 rgb(245,20,24)
```
#f52214
```
#f52214 rgb(245,34,20)
```
#f53514
```
#f53514 rgb(245,53,20)
```

Similar Colors

Text with hexadecimal color #f5142b

This text has a font color of #f5142b.

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

#f5142b background color

This paragraph has a background color of #f5142b.

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

#f5142b border color

This element has a border color of #f5142b.

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

CSS codes

.text {color:#f5142b;}

.background {background-color:#f5142b;}

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

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, #0a0001 is the darkest color, while #fff6f7 is the lightest one.

#0a0001
```
#0a0001 rgb(10,0,1)
```
#1c0104
```
#1c0104 rgb(28,1,4)
```
#2f0207
```
#2f0207 rgb(47,2,7)
```
#420309
```
#420309 rgb(66,3,9)
```
#55040c
```
#55040c rgb(85,4,12)
```
#68040f
```
#68040f rgb(104,4,15)
```
#7a0511
```
#7a0511 rgb(122,5,17)
```
#8d0614
```
#8d0614 rgb(141,6,20)
```
#a00716
```
#a00716 rgb(160,7,22)
```
#b30819
```
#b30819 rgb(179,8,25)
```
#c6081c
```
#c6081c rgb(198,8,28)
```
#d9091e
```
#d9091e rgb(217,9,30)
```
#eb0a21
```
#eb0a21 rgb(235,10,33)
```

Shade Color Variation

#f5142b
```
#f5142b rgb(245,20,43)
```
#f6273c
```
#f6273c rgb(246,39,60)
```
#f73a4d
```
#f73a4d rgb(247,58,77)
```
#f74c5e
```
#f74c5e rgb(247,76,94)
```
#f85f6f
```
#f85f6f rgb(248,95,111)
```
#f97280
```
#f97280 rgb(249,114,128)
```
#fa8591
```
#fa8591 rgb(250,133,145)
```
#fb98a2
```
#fb98a2 rgb(251,152,162)
```
#fbabb3
```
#fbabb3 rgb(251,171,179)
```
#fcbdc4
```
#fcbdc4 rgb(252,189,196)
```
#fdd0d5
```
#fdd0d5 rgb(253,208,213)
```
#fee3e6
```
#fee3e6 rgb(254,227,230)
```
#fff6f7
```
#fff6f7 rgb(255,246,247)
```

Tint Color Variation

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

#8d7c7d
```
#8d7c7d rgb(141,124,125)
```
#977276
```
#977276 rgb(151,114,118)
```
#a0696e
```
#a0696e rgb(160,105,110)
```
#aa5f67
```
#aa5f67 rgb(170,95,103)
```
#b3565f
```
#b3565f rgb(179,86,95)
```
#bc4d58
```
#bc4d58 rgb(188,77,88)
```
#c64350
```
#c64350 rgb(198,67,80)
```
#cf3a49
```
#cf3a49 rgb(207,58,73)
```
#d93041
```
#d93041 rgb(217,48,65)
```
#e2273a
```
#e2273a rgb(226,39,58)
```
#ec1d32
```
#ec1d32 rgb(236,29,50)
```
#f5142b
```
#f5142b rgb(245,20,43)
```
#fe0b24
```
#fe0b24 rgb(254,11,36)
```

Tone Color Variation

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

Dichromacy

#8f824c Protanopia 1% of men
#a27c20 Deuteranopia 1% of men
#f5241f Tritanopia 0.001% of the population

Trichromacy

#b45a40 Protanomaly 1% of men, 0.01% of women
#c05624 Deuteranomaly 6% of men, 0.4% of women
#f51e23 Tritanomaly 0.01% of the population

#f5142b hex color

#f5142b Color Information

#f5142b Color Conversion

Color Schemes with #f5142b

Alternatives to #f5142b

#f5142b Preview

Shades and Tints of #f5142b

Tones of #f5142b

Color Blindness Simulator