#f50d02 hex color

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

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

● #f50d02 color description : Vivid red.

The hexadecimal color #f50d02 has RGB values of R:245, G:13, B:2 and CMYK values of C:0, M:0.95, Y:0.99, K:0.04. Its decimal value is 16059650.

Hex triplet	f50d02	`#f50d02`
RGB Decimal	245, 13, 2	`rgb(245,13,2)`
RGB Percent	96.1, 5.1, 0.8	`rgb(96.1%,5.1%,0.8%)`
CMYK	0, 95, 99, 4
HSL	2.7°, 98.4, 48.4	`hsl(2.7,98.4%,48.4%)`
HSV (or HSB)	2.7°, 99.2, 96.1
Web Safe	ff0000	`#ff0000`

CIE-LAB	51.508, 76.757, 64.783
XYZ	37.813, 19.71, 1.871
xyY	0.637, 0.332, 19.71
CIE-LCH	51.508, 100.442, 40.164
CIE-LUV	51.508, 166.22, 36.707
Hunter-Lab	44.396, 74.342, 28.578
Binary	11110101, 00001101, 00000010

#f50d02
```
#f50d02 rgb(245,13,2)
```
#02eaf5
```
#02eaf5 rgb(2,234,245)
```

Complementary Color

#f50271
```
#f50271 rgb(245,2,113)
```
#f50d02
```
#f50d02 rgb(245,13,2)
```
#f58702
```
#f58702 rgb(245,135,2)
```

Analogous Color

#0271f5
```
#0271f5 rgb(2,113,245)
```
#f50d02
```
#f50d02 rgb(245,13,2)
```
#02f587
```
#02f587 rgb(2,245,135)
```

Split Complementary Color

#0d02f5
```
#0d02f5 rgb(13,2,245)
```
#f50d02
```
#f50d02 rgb(245,13,2)
```
#02f50d
```
#02f50d rgb(2,245,13)
```

Triadic Color

#f502ea
```
#f502ea rgb(245,2,234)
```
#f50d02
```
#f50d02 rgb(245,13,2)
```
#02f50d
```
#02f50d rgb(2,245,13)
```
#02eaf5
```
#02eaf5 rgb(2,234,245)
```

Tetradic Color

#a90901
```
#a90901 rgb(169,9,1)
```
#c20a02
```
#c20a02 rgb(194,10,2)
```
#dc0c02
```
#dc0c02 rgb(220,12,2)
```
#f50d02
```
#f50d02 rgb(245,13,2)
```
#fd1e13
```
#fd1e13 rgb(253,30,19)
```
#fd362d
```
#fd362d rgb(253,54,45)
```
#fd4e46
```
#fd4e46 rgb(253,78,70)
```

Monochromatic Color

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

#f50234
```
#f50234 rgb(245,2,52)
```
#f5021f
```
#f5021f rgb(245,2,31)
```
#f5020b
```
#f5020b rgb(245,2,11)
```
#f50d02
```
#f50d02 rgb(245,13,2)
```
#f52102
```
#f52102 rgb(245,33,2)
```
#f53602
```
#f53602 rgb(245,54,2)
```
#f54a02
```
#f54a02 rgb(245,74,2)
```

Similar Colors

Text with hexadecimal color #f50d02

This text has a font color of #f50d02.

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

#f50d02 background color

This paragraph has a background color of #f50d02.

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

#f50d02 border color

This element has a border color of #f50d02.

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

CSS codes

.text {color:#f50d02;}

.background {background-color:#f50d02;}

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

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)
```
#a70901
```
#a70901 rgb(167,9,1)
```
#bb0a02
```
#bb0a02 rgb(187,10,2)
```
#ce0b02
```
#ce0b02 rgb(206,11,2)
```
#e20c02
```
#e20c02 rgb(226,12,2)
```
#f50d02
```
#f50d02 rgb(245,13,2)
```

Shade Color Variation

#fd180e
```
#fd180e rgb(253,24,14)
```
#fd2b21
```
#fd2b21 rgb(253,43,33)
```
#fd3e34
```
#fd3e34 rgb(253,62,52)
```
#fe5048
```
#fe5048 rgb(254,80,72)
```
#fe635b
```
#fe635b rgb(254,99,91)
```
#fe756f
```
#fe756f rgb(254,117,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 #f50d02 is the most saturated one.

#837574
```
#837574 rgb(131,117,116)
```
#8d6c6b
```
#8d6c6b rgb(141,108,107)
```
#966361
```
#966361 rgb(150,99,97)
```
#a05b58
```
#a05b58 rgb(160,91,88)
```
#a9524e
```
#a9524e rgb(169,82,78)
```
#b34945
```
#b34945 rgb(179,73,69)
```
#bc413b
```
#bc413b rgb(188,65,59)
```
#c63832
```
#c63832 rgb(198,56,50)
```
#cf3028
```
#cf3028 rgb(207,48,40)
```
#d9271f
```
#d9271f rgb(217,39,31)
```
#e21e15
```
#e21e15 rgb(226,30,21)
```
#ec160c
```
#ec160c rgb(236,22,12)
```
#f50d02
```
#f50d02 rgb(245,13,2)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#724341 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908123 Protanopia 1% of men
#a17b00 Deuteranopia 1% of men
#f51903 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
#f51503 Tritanomaly 0.01% of the population

#f50d02 hex color

#f50d02 Color Information

#f50d02 Color Conversion

Color Schemes with #f50d02

Alternatives to #f50d02

#f50d02 Preview

Shades and Tints of #f50d02

Tones of #f50d02

Color Blindness Simulator