#f50301 hex color

In a RGB color space, hex #f50301 is composed of 96.1% red, 1.2% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.8% magenta, 99.6% yellow and 3.9% black. It has a hue angle of 0.5 degrees, a saturation of 99.2% and a lightness of 48.2%. #f50301 color hex could be obtained by blending #ff0602 with #eb0000. Closest websafe color is: #ff0000.

♥
- f
- t
- g
- R 96
- G 1
- B 0
RGB color chart
- C 0
- M 99
- Y 100
- K 4
CMYK color chart

● #f50301 color description : Vivid red.

The hexadecimal color #f50301 has RGB values of R:245, G:3, B:1 and CMYK values of C:0, M:0.99, Y:1, K:0.04. Its decimal value is 16057089.

Hex triplet	f50301	`#f50301`
RGB Decimal	245, 3, 1	`rgb(245,3,1)`
RGB Percent	96.1, 1.2, 0.4	`rgb(96.1%,1.2%,0.4%)`
CMYK	0, 99, 100, 4
HSL	0.5°, 99.2, 48.2	`hsl(0.5,99.2%,48.2%)`
HSV (or HSB)	0.5°, 99.6, 96.1
Web Safe	ff0000	`#ff0000`

CIE-LAB	51.25, 77.489, 64.952
XYZ	37.696, 19.485, 1.805
xyY	0.639, 0.33, 19.485
CIE-LCH	51.25, 101.111, 39.97
CIE-LUV	51.25, 167.728, 36.336
Hunter-Lab	44.142, 75.189, 28.475
Binary	11110101, 00000011, 00000001

#f50301
```
#f50301 rgb(245,3,1)
```
#01f3f5
```
#01f3f5 rgb(1,243,245)
```

Complementary Color

#f50179
```
#f50179 rgb(245,1,121)
```
#f50301
```
#f50301 rgb(245,3,1)
```
#f57d01
```
#f57d01 rgb(245,125,1)
```

Analogous Color

#0179f5
```
#0179f5 rgb(1,121,245)
```
#f50301
```
#f50301 rgb(245,3,1)
```
#01f57d
```
#01f57d rgb(1,245,125)
```

Split Complementary Color

#0301f5
```
#0301f5 rgb(3,1,245)
```
#f50301
```
#f50301 rgb(245,3,1)
```
#01f503
```
#01f503 rgb(1,245,3)
```

Triadic Color

#f501f3
```
#f501f3 rgb(245,1,243)
```
#f50301
```
#f50301 rgb(245,3,1)
```
#01f503
```
#01f503 rgb(1,245,3)
```
#01f3f5
```
#01f3f5 rgb(1,243,245)
```

Tetradic Color

#a90201
```
#a90201 rgb(169,2,1)
```
#c20201
```
#c20201 rgb(194,2,1)
```
#dc0301
```
#dc0301 rgb(220,3,1)
```
#f50301
```
#f50301 rgb(245,3,1)
```
#fe1311
```
#fe1311 rgb(254,19,17)
```
#fe2d2b
```
#fe2d2b rgb(254,45,43)
```
#fe4644
```
#fe4644 rgb(254,70,68)
```

Monochromatic Color

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

#f5013c
```
#f5013c rgb(245,1,60)
```
#f50128
```
#f50128 rgb(245,1,40)
```
#f50113
```
#f50113 rgb(245,1,19)
```
#f50301
```
#f50301 rgb(245,3,1)
```
#f51701
```
#f51701 rgb(245,23,1)
```
#f52c01
```
#f52c01 rgb(245,44,1)
```
#f54001
```
#f54001 rgb(245,64,1)
```

Similar Colors

Text with hexadecimal color #f50301

This text has a font color of #f50301.

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

#f50301 background color

This paragraph has a background color of #f50301.

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

#f50301 border color

This element has a border color of #f50301.

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

CSS codes

.text {color:#f50301;}

.background {background-color:#f50301;}

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

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

#0b0000
```
#0b0000 rgb(11,0,0)
```
#1e0000
```
#1e0000 rgb(30,0,0)
```
#320100
```
#320100 rgb(50,1,0)
```
#450100
```
#450100 rgb(69,1,0)
```
#590100
```
#590100 rgb(89,1,0)
```
#6c0100
```
#6c0100 rgb(108,1,0)
```
#800201
```
#800201 rgb(128,2,1)
```
#930201
```
#930201 rgb(147,2,1)
```
#a70201
```
#a70201 rgb(167,2,1)
```
#ba0201
```
#ba0201 rgb(186,2,1)
```
#ce0301
```
#ce0301 rgb(206,3,1)
```
#e10301
```
#e10301 rgb(225,3,1)
```
#f50301
```
#f50301 rgb(245,3,1)
```

Shade Color Variation

#fe0e0c
```
#fe0e0c rgb(254,14,12)
```
#fe211f
```
#fe211f rgb(254,33,31)
```
#fe3433
```
#fe3433 rgb(254,52,51)
```
#fe4846
```
#fe4846 rgb(254,72,70)
```
#fe5b5a
```
#fe5b5a rgb(254,91,90)
```
#fe6e6d
```
#fe6e6d rgb(254,110,109)
```
#fe8281
```
#fe8281 rgb(254,130,129)
```
#ff9594
```
#ff9594 rgb(255,149,148)
```
#ffa9a8
```
#ffa9a8 rgb(255,169,168)
```
#ffbcbb
```
#ffbcbb rgb(255,188,187)
```
#ffcfcf
```
#ffcfcf rgb(255,207,207)
```
#ffe3e3
```
#ffe3e3 rgb(255,227,227)
```
#fff6f6
```
#fff6f6 rgb(255,246,246)
```

Tint Color Variation

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

#837373
```
#837373 rgb(131,115,115)
```
#8d6969
```
#8d6969 rgb(141,105,105)
```
#966060
```
#966060 rgb(150,96,96)
```
#a05756
```
#a05756 rgb(160,87,86)
```
#a94d4d
```
#a94d4d rgb(169,77,77)
```
#b34443
```
#b34443 rgb(179,68,67)
```
#bc3b3a
```
#bc3b3a rgb(188,59,58)
```
#c63230
```
#c63230 rgb(198,50,48)
```
#cf2827
```
#cf2827 rgb(207,40,39)
```
#d91f1d
```
#d91f1d rgb(217,31,29)
```
#e21614
```
#e21614 rgb(226,22,20)
```
#ec0c0a
```
#ec0c0a rgb(236,12,10)
```
#f50301
```
#f50301 rgb(245,3,1)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#6d3d3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#908123 Protanopia 1% of men
#a07b00 Deuteranopia 1% of men
#f41a00 Tritanopia 0.001% of the population

Trichromacy

#b45316 Protanomaly 1% of men, 0.01% of women
#bf4f00 Deuteranomaly 6% of men, 0.4% of women
#f41200 Tritanomaly 0.01% of the population

#f50301 hex color

#f50301 Color Information

#f50301 Color Conversion

Color Schemes with #f50301

Alternatives to #f50301

#f50301 Preview

Shades and Tints of #f50301

Tones of #f50301

Color Blindness Simulator