colorhexa.com

#f50e02 hex color

In a RGB color space, hex #f50e02 is composed of 96.1% red, 5.5% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.3% magenta, 99.2% yellow and 3.9% black. It has a hue angle of 3 degrees, a saturation of 98.4% and a lightness of 48.4%. #f50e02 color hex could be obtained by blending #ff1c04 with #eb0000. Closest websafe color is: #ff0000.

- R 96
- G 5
- B 1
RGB color chart
- C 0
- M 94
- Y 99
- K 4
CMYK color chart

● #f50e02 color description : Vivid red.

The hexadecimal color #f50e02 has RGB values of R:245, G:14, B:2 and CMYK values of C:0, M:0.94, Y:0.99, K:0.04. Its decimal value is 16059906.

Hex triplet	f50e02	`#f50e02`
RGB Decimal	245, 14, 2	`rgb(245,14,2)`
RGB Percent	96.1, 5.5, 0.8	`rgb(96.1%,5.5%,0.8%)`
CMYK	0, 94, 99, 4
HSL	3°, 98.4, 48.4	`hsl(3,98.4%,48.4%)`
HSV (or HSB)	3°, 99.2, 96.1
Web Safe	ff0000	`#ff0000`

CIE-LAB	51.537, 76.671, 64.794
XYZ	37.826, 19.736, 1.875
xyY	0.636, 0.332, 19.736
CIE-LCH	51.537, 100.383, 40.201
CIE-LUV	51.537, 166.05, 36.761
Hunter-Lab	44.425, 74.242, 28.595
Binary	11110101, 00001110, 00000010

#f50e02
```
#f50e02 rgb(245,14,2)
```
#02e9f5
```
#02e9f5 rgb(2,233,245)
```

Complementary Color

#f50270
```
#f50270 rgb(245,2,112)
```
#f50e02
```
#f50e02 rgb(245,14,2)
```
#f58802
```
#f58802 rgb(245,136,2)
```

Analogous Color

#0270f5
```
#0270f5 rgb(2,112,245)
```
#f50e02
```
#f50e02 rgb(245,14,2)
```
#02f588
```
#02f588 rgb(2,245,136)
```

Split Complementary Color

#a90a01
```
#a90a01 rgb(169,10,1)
```
#c20b02
```
#c20b02 rgb(194,11,2)
```
#dc0d02
```
#dc0d02 rgb(220,13,2)
```
#f50e02
```
#f50e02 rgb(245,14,2)
```
#fd1f13
```
#fd1f13 rgb(253,31,19)
```
#fd372d
```
#fd372d rgb(253,55,45)
```
#fd4f46
```
#fd4f46 rgb(253,79,70)
```

Monochromatic Color

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

#f50233
```
#f50233 rgb(245,2,51)
```
#f5021e
```
#f5021e rgb(245,2,30)
```
#f5020a
```
#f5020a rgb(245,2,10)
```
#f50e02
```
#f50e02 rgb(245,14,2)
```
#f52202
```
#f52202 rgb(245,34,2)
```
#f53702
```
#f53702 rgb(245,55,2)
```
#f54b02
```
#f54b02 rgb(245,75,2)
```

Similar Colors

Text with hexadecimal color #f50e02

This text has a font color of #f50e02.

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

#f50e02 background color

This paragraph has a background color of #f50e02.

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

#f50e02 border color

This element has a border color of #f50e02.

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

CSS codes

.text {color:#f50e02;}

.background {background-color:#f50e02;}

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

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

#0c0100
```
#0c0100 rgb(12,1,0)
```
#1f0200
```
#1f0200 rgb(31,2,0)
```
#320300
```
#320300 rgb(50,3,0)
```
#460401
```
#460401 rgb(70,4,1)
```
#590501
```
#590501 rgb(89,5,1)
```
#6d0601
```
#6d0601 rgb(109,6,1)
```
#800701
```
#800701 rgb(128,7,1)
```
#940801
```
#940801 rgb(148,8,1)
```
#a70a01
```
#a70a01 rgb(167,10,1)
```
#bb0b02
```
#bb0b02 rgb(187,11,2)
```
#ce0c02
```
#ce0c02 rgb(206,12,2)
```
#e20d02
```
#e20d02 rgb(226,13,2)
```
#f50e02
```
#f50e02 rgb(245,14,2)
```

Shade Color Variation

#fd190e
```
#fd190e rgb(253,25,14)
```
#fd2c21
```
#fd2c21 rgb(253,44,33)
```
#fd3e34
```
#fd3e34 rgb(253,62,52)
```
#fe5148
```
#fe5148 rgb(254,81,72)
```
#fe635b
```
#fe635b rgb(254,99,91)
```
#fe766f
```
#fe766f rgb(254,118,111)
```
#fe8882
```
#fe8882 rgb(254,136,130)
```
#fe9b96
```
#fe9b96 rgb(254,155,150)
```
#feada9
```
#feada9 rgb(254,173,169)
```
#fec0bd
```
#fec0bd rgb(254,192,189)
```
#ffd2d0
```
#ffd2d0 rgb(255,210,208)
```
#ffe5e4
```
#ffe5e4 rgb(255,229,228)
```
#fff7f7
```
#fff7f7 rgb(255,247,247)
```

Tint Color Variation

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

#837574
```
#837574 rgb(131,117,116)
```
#8d6c6b
```
#8d6c6b rgb(141,108,107)
```
#966461
```
#966461 rgb(150,100,97)
```
#a05b58
```
#a05b58 rgb(160,91,88)
```
#a9524e
```
#a9524e rgb(169,82,78)
```
#b34a45
```
#b34a45 rgb(179,74,69)
```
#bc413b
```
#bc413b rgb(188,65,59)
```
#c63932
```
#c63932 rgb(198,57,50)
```
#cf3028
```
#cf3028 rgb(207,48,40)
```
#d9281f
```
#d9281f rgb(217,40,31)
```
#e21f15
```
#e21f15 rgb(226,31,21)
```
#ec170c
```
#ec170c rgb(236,23,12)
```
#f50e02
```
#f50e02 rgb(245,14,2)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#734442 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918123 Protanopia 1% of men
#a17b00 Deuteranopia 1% of men
#f51a09 Tritanopia 0.001% of the population

Trichromacy

#b55717 Protanomaly 1% of men, 0.01% of women
#c05300 Deuteranomaly 6% of men, 0.4% of women
#f51606 Tritanomaly 0.01% of the population