#f5101e hex color

In a RGB color space, hex #f5101e is composed of 96.1% red, 6.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.5% magenta, 87.8% yellow and 3.9% black. It has a hue angle of 356.3 degrees, a saturation of 92% and a lightness of 51.2%. #f5101e color hex could be obtained by blending #ff203c with #eb0000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 96
- G 6
- B 12
RGB color chart
- C 0
- M 93
- Y 88
- K 4
CMYK color chart

● #f5101e color description : Vivid red.

The hexadecimal color #f5101e has RGB values of R:245, G:16, B:30 and CMYK values of C:0, M:0.93, Y:0.88, K:0.04. Its decimal value is 16060446.

Hex triplet	f5101e	`#f5101e`
RGB Decimal	245, 16, 30	`rgb(245,16,30)`
RGB Percent	96.1, 6.3, 11.8	`rgb(96.1%,6.3%,11.8%)`
CMYK	0, 93, 88, 4
HSL	356.3°, 92, 51.2	`hsl(356.3,92%,51.2%)`
HSV (or HSB)	356.3°, 93.5, 96.1
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.703, 76.769, 55.917
XYZ	38.078, 19.882, 3.061
xyY	0.624, 0.326, 19.882
CIE-LCH	51.703, 94.975, 36.069
CIE-LUV	51.703, 163.344, 33.33
Hunter-Lab	44.589, 74.404, 27.142
Binary	11110101, 00010000, 00011110

#f5101e
```
#f5101e rgb(245,16,30)
```
#10f5e7
```
#10f5e7 rgb(16,245,231)
```

Complementary Color

#f51091
```
#f51091 rgb(245,16,145)
```
#f5101e
```
#f5101e rgb(245,16,30)
```
#f57510
```
#f57510 rgb(245,117,16)
```

Analogous Color

#1091f5
```
#1091f5 rgb(16,145,245)
```
#f5101e
```
#f5101e rgb(245,16,30)
```
#10f575
```
#10f575 rgb(16,245,117)
```

Split Complementary Color

#101ef5
```
#101ef5 rgb(16,30,245)
```
#f5101e
```
#f5101e rgb(245,16,30)
```
#1ef510
```
#1ef510 rgb(30,245,16)
```

Triadic Color

#e710f5
```
#e710f5 rgb(231,16,245)
```
#f5101e
```
#f5101e rgb(245,16,30)
```
#1ef510
```
#1ef510 rgb(30,245,16)
```
#10f5e7
```
#10f5e7 rgb(16,245,231)
```

Tetradic Color

#b10712
```
#b10712 rgb(177,7,18)
```
#ca0814
```
#ca0814 rgb(202,8,20)
```
#e20917
```
#e20917 rgb(226,9,23)
```
#f5101e
```
#f5101e rgb(245,16,30)
```
#f62835
```
#f62835 rgb(246,40,53)
```
#f7414c
```
#f7414c rgb(247,65,76)
```
#f85963
```
#f85963 rgb(248,89,99)
```

Monochromatic Color

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

#f51057
```
#f51057 rgb(245,16,87)
```
#f51044
```
#f51044 rgb(245,16,68)
```
#f51031
```
#f51031 rgb(245,16,49)
```
#f5101e
```
#f5101e rgb(245,16,30)
```
#f51510
```
#f51510 rgb(245,21,16)
```
#f52810
```
#f52810 rgb(245,40,16)
```
#f53b10
```
#f53b10 rgb(245,59,16)
```

Similar Colors

Text with hexadecimal color #f5101e

This text has a font color of #f5101e.

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

#f5101e background color

This paragraph has a background color of #f5101e.

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

#f5101e border color

This element has a border color of #f5101e.

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

CSS codes

.text {color:#f5101e;}

.background {background-color:#f5101e;}

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

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

#060001
```
#060001 rgb(6,0,1)
```
#190102
```
#190102 rgb(25,1,2)
```
#2b0204
```
#2b0204 rgb(43,2,4)
```
#3e0306
```
#3e0306 rgb(62,3,6)
```
#510308
```
#510308 rgb(81,3,8)
```
#64040a
```
#64040a rgb(100,4,10)
```
#77050c
```
#77050c rgb(119,5,12)
```
#8a060e
```
#8a060e rgb(138,6,14)
```
#9c0710
```
#9c0710 rgb(156,7,16)
```
#af0712
```
#af0712 rgb(175,7,18)
```
#c20813
```
#c20813 rgb(194,8,19)
```
#d50915
```
#d50915 rgb(213,9,21)
```
#e80a17
```
#e80a17 rgb(232,10,23)
```

Shade Color Variation

#f5101e
```
#f5101e rgb(245,16,30)
```
#f62330
```
#f62330 rgb(246,35,48)
```
#f73641
```
#f73641 rgb(247,54,65)
```
#f74853
```
#f74853 rgb(247,72,83)
```
#f85b65
```
#f85b65 rgb(248,91,101)
```
#f96e77
```
#f96e77 rgb(249,110,119)
```
#fa8188
```
#fa8188 rgb(250,129,136)
```
#fb949a
```
#fb949a rgb(251,148,154)
```
#fba7ac
```
#fba7ac rgb(251,167,172)
```
#fcb9be
```
#fcb9be rgb(252,185,190)
```
#fdcccf
```
#fdcccf rgb(253,204,207)
```
#fedfe1
```
#fedfe1 rgb(254,223,225)
```
#fef2f3
```
#fef2f3 rgb(254,242,243)
```

Tint Color Variation

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

#8c797a
```
#8c797a rgb(140,121,122)
```
#957072
```
#957072 rgb(149,112,114)
```
#9f666a
```
#9f666a rgb(159,102,106)
```
#a85d61
```
#a85d61 rgb(168,93,97)
```
#b25359
```
#b25359 rgb(178,83,89)
```
#bc4950
```
#bc4950 rgb(188,73,80)
```
#c54048
```
#c54048 rgb(197,64,72)
```
#cf3640
```
#cf3640 rgb(207,54,64)
```
#d82d37
```
#d82d37 rgb(216,45,55)
```
#e2232f
```
#e2232f rgb(226,35,47)
```
#eb1a26
```
#eb1a26 rgb(235,26,38)
```
#f5101e
```
#f5101e rgb(245,16,30)
```
#ff0616
```
#ff0616 rgb(255,6,22)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#76484b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f823d Protanopia 1% of men
#a27b00 Deuteranopia 1% of men
#f51f17 Tritanopia 0.001% of the population

Trichromacy

#b45832 Protanomaly 1% of men, 0.01% of women
#c0540a Deuteranomaly 6% of men, 0.4% of women
#f51919 Tritanomaly 0.01% of the population

#f5101e hex color

#f5101e Color Information

#f5101e Color Conversion

Color Schemes with #f5101e

Alternatives to #f5101e

#f5101e Preview

Shades and Tints of #f5101e

Tones of #f5101e

Color Blindness Simulator