#f50022 hex color

In a RGB color space, hex #f50022 is composed of 96.1% red, 0% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 86.1% yellow and 3.9% black. It has a hue angle of 351.7 degrees, a saturation of 100% and a lightness of 48%. #f50022 color hex could be obtained by blending #ff0044 with #eb0000. Closest websafe color is: #ff0033.

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

● #f50022 color description : Pure (or mostly pure) red.

The hexadecimal color #f50022 has RGB values of R:245, G:0, B:34 and CMYK values of C:0, M:1, Y:0.86, K:0.04. Its decimal value is 16056354.

Hex triplet	f50022	`#f50022`
RGB Decimal	245, 0, 34	`rgb(245,0,34)`
RGB Percent	96.1, 0, 13.3	`rgb(96.1%,0%,13.3%)`
CMYK	0, 100, 86, 4
HSL	351.7°, 100, 48	`hsl(351.7,100%,48%)`
HSV (or HSB)	351.7°, 100, 96.1
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.305, 78.063, 53.778
XYZ	37.947, 19.533, 3.286
xyY	0.624, 0.321, 19.533
CIE-LCH	51.305, 94.794, 34.563
CIE-LUV	51.305, 165.107, 31.682
Hunter-Lab	44.196, 75.917, 26.53
Binary	11110101, 00000000, 00100010

#f50022
```
#f50022 rgb(245,0,34)
```
#00f5d3
```
#00f5d3 rgb(0,245,211)
```

Complementary Color

#f5009d
```
#f5009d rgb(245,0,157)
```
#f50022
```
#f50022 rgb(245,0,34)
```
#f55800
```
#f55800 rgb(245,88,0)
```

Analogous Color

#009df5
```
#009df5 rgb(0,157,245)
```
#f50022
```
#f50022 rgb(245,0,34)
```
#00f558
```
#00f558 rgb(0,245,88)
```

Split Complementary Color

#0022f5
```
#0022f5 rgb(0,34,245)
```
#f50022
```
#f50022 rgb(245,0,34)
```
#22f500
```
#22f500 rgb(34,245,0)
```

Triadic Color

#d300f5
```
#d300f5 rgb(211,0,245)
```
#f50022
```
#f50022 rgb(245,0,34)
```
#22f500
```
#22f500 rgb(34,245,0)
```
#00f5d3
```
#00f5d3 rgb(0,245,211)
```

Tetradic Color

#a90017
```
#a90017 rgb(169,0,23)
```
#c2001b
```
#c2001b rgb(194,0,27)
```
#dc001e
```
#dc001e rgb(220,0,30)
```
#f50022
```
#f50022 rgb(245,0,34)
```
#ff1031
```
#ff1031 rgb(255,16,49)
```
#ff2947
```
#ff2947 rgb(255,41,71)
```
#ff435d
```
#ff435d rgb(255,67,93)
```

Monochromatic Color

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

#f5005f
```
#f5005f rgb(245,0,95)
```
#f5004b
```
#f5004b rgb(245,0,75)
```
#f50036
```
#f50036 rgb(245,0,54)
```
#f50022
```
#f50022 rgb(245,0,34)
```
#f5000e
```
#f5000e rgb(245,0,14)
```
#f50700
```
#f50700 rgb(245,7,0)
```
#f51b00
```
#f51b00 rgb(245,27,0)
```

Similar Colors

Text with hexadecimal color #f50022

This text has a font color of #f50022.

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

#f50022 background color

This paragraph has a background color of #f50022.

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

#f50022 border color

This element has a border color of #f50022.

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

CSS codes

.text {color:#f50022;}

.background {background-color:#f50022;}

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

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 #fff5f6 is the lightest one.

#0a0001
```
#0a0001 rgb(10,0,1)
```
#1d0004
```
#1d0004 rgb(29,0,4)
```
#310007
```
#310007 rgb(49,0,7)
```
#44000a
```
#44000a rgb(68,0,10)
```
#58000c
```
#58000c rgb(88,0,12)
```
#6c000f
```
#6c000f rgb(108,0,15)
```
#7f0012
```
#7f0012 rgb(127,0,18)
```
#930014
```
#930014 rgb(147,0,20)
```
#a70017
```
#a70017 rgb(167,0,23)
```
#ba001a
```
#ba001a rgb(186,0,26)
```
#ce001d
```
#ce001d rgb(206,0,29)
```
#e1001f
```
#e1001f rgb(225,0,31)
```
#f50022
```
#f50022 rgb(245,0,34)
```

Shade Color Variation

#ff0a2c
```
#ff0a2c rgb(255,10,44)
```
#ff1d3d
```
#ff1d3d rgb(255,29,61)
```
#ff314d
```
#ff314d rgb(255,49,77)
```
#ff445e
```
#ff445e rgb(255,68,94)
```
#ff586f
```
#ff586f rgb(255,88,111)
```
#ff6c80
```
#ff6c80 rgb(255,108,128)
```
#ff7f91
```
#ff7f91 rgb(255,127,145)
```
#ff93a2
```
#ff93a2 rgb(255,147,162)
```
#ffa7b3
```
#ffa7b3 rgb(255,167,179)
```
#ffbac4
```
#ffbac4 rgb(255,186,196)
```
#ffced5
```
#ffced5 rgb(255,206,213)
```
#ffe1e5
```
#ffe1e5 rgb(255,225,229)
```
#fff5f6
```
#fff5f6 rgb(255,245,246)
```

Tint Color Variation

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

#847174
```
#847174 rgb(132,113,116)
```
#8d686d
```
#8d686d rgb(141,104,109)
```
#975e66
```
#975e66 rgb(151,94,102)
```
#a0555f
```
#a0555f rgb(160,85,95)
```
#aa4b58
```
#aa4b58 rgb(170,75,88)
```
#b34252
```
#b34252 rgb(179,66,82)
```
#bc394b
```
#bc394b rgb(188,57,75)
```
#c62f44
```
#c62f44 rgb(198,47,68)
```
#cf263d
```
#cf263d rgb(207,38,61)
```
#d91c36
```
#d91c36 rgb(217,28,54)
```
#e21330
```
#e21330 rgb(226,19,48)
```
#ec0929
```
#ec0929 rgb(236,9,41)
```
#f50022
```
#f50022 rgb(245,0,34)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#6f3e44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8142 Protanopia 1% of men
#a17a06 Deuteranopia 1% of men
#f41a00 Tritanopia 0.001% of the population

Trichromacy

#b35236 Protanomaly 1% of men, 0.01% of women
#bf4e10 Deuteranomaly 6% of men, 0.4% of women
#f4100c Tritanomaly 0.01% of the population

#f50022 hex color

#f50022 Color Information

#f50022 Color Conversion

Color Schemes with #f50022

Alternatives to #f50022

#f50022 Preview

Shades and Tints of #f50022

Tones of #f50022

Color Blindness Simulator