#f50c2a hex color

In a RGB color space, hex #f50c2a is composed of 96.1% red, 4.7% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.1% magenta, 82.9% yellow and 3.9% black. It has a hue angle of 352.3 degrees, a saturation of 92.1% and a lightness of 50.4%. #f50c2a color hex could be obtained by blending #ff1854 with #eb0000. Closest websafe color is: #ff0033.

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

● #f50c2a color description : Vivid red.

The hexadecimal color #f50c2a has RGB values of R:245, G:12, B:42 and CMYK values of C:0, M:0.95, Y:0.83, K:0.04. Its decimal value is 16059434.

Hex triplet	f50c2a	`#f50c2a`
RGB Decimal	245, 12, 42	`rgb(245,12,42)`
RGB Percent	96.1, 4.7, 16.5	`rgb(96.1%,4.7%,16.5%)`
CMYK	0, 95, 83, 4
HSL	352.3°, 92.1, 50.4	`hsl(352.3,92.1%,50.4%)`
HSV (or HSB)	352.3°, 95.1, 96.1
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.665, 77.355, 50.124
XYZ	38.208, 19.848, 4.01
xyY	0.616, 0.32, 19.848
CIE-LCH	51.665, 92.174, 32.942
CIE-LUV	51.665, 162.127, 30.248
Hunter-Lab	44.551, 75.122, 25.849
Binary	11110101, 00001100, 00101010

#f50c2a
```
#f50c2a rgb(245,12,42)
```
#0cf5d7
```
#0cf5d7 rgb(12,245,215)
```

Complementary Color

#f50c9f
```
#f50c9f rgb(245,12,159)
```
#f50c2a
```
#f50c2a rgb(245,12,42)
```
#f5630c
```
#f5630c rgb(245,99,12)
```

Analogous Color

#0c9ff5
```
#0c9ff5 rgb(12,159,245)
```
#f50c2a
```
#f50c2a rgb(245,12,42)
```
#0cf563
```
#0cf563 rgb(12,245,99)
```

Split Complementary Color

#0c2af5
```
#0c2af5 rgb(12,42,245)
```
#f50c2a
```
#f50c2a rgb(245,12,42)
```
#2af50c
```
#2af50c rgb(42,245,12)
```

Triadic Color

#d70cf5
```
#d70cf5 rgb(215,12,245)
```
#f50c2a
```
#f50c2a rgb(245,12,42)
```
#2af50c
```
#2af50c rgb(42,245,12)
```
#0cf5d7
```
#0cf5d7 rgb(12,245,215)
```

Tetradic Color

#ad071d
```
#ad071d rgb(173,7,29)
```
#c60821
```
#c60821 rgb(198,8,33)
```
#de0925
```
#de0925 rgb(222,9,37)
```
#f50c2a
```
#f50c2a rgb(245,12,42)
```
#f6243f
```
#f6243f rgb(246,36,63)
```
#f73d55
```
#f73d55 rgb(247,61,85)
```
#f8556a
```
#f8556a rgb(248,85,106)
```

Monochromatic Color

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

#f50c64
```
#f50c64 rgb(245,12,100)
```
#f50c51
```
#f50c51 rgb(245,12,81)
```
#f50c3d
```
#f50c3d rgb(245,12,61)
```
#f50c2a
```
#f50c2a rgb(245,12,42)
```
#f50c17
```
#f50c17 rgb(245,12,23)
```
#f5150c
```
#f5150c rgb(245,21,12)
```
#f5280c
```
#f5280c rgb(245,40,12)
```

Similar Colors

Text with hexadecimal color #f50c2a

This text has a font color of #f50c2a.

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

#f50c2a background color

This paragraph has a background color of #f50c2a.

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

#f50c2a border color

This element has a border color of #f50c2a.

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

CSS codes

.text {color:#f50c2a;}

.background {background-color:#f50c2a;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#150103
```
#150103 rgb(21,1,3)
```
#280207
```
#280207 rgb(40,2,7)
```
#3a020a
```
#3a020a rgb(58,2,10)
```
#4d030d
```
#4d030d rgb(77,3,13)
```
#600410
```
#600410 rgb(96,4,16)
```
#730513
```
#730513 rgb(115,5,19)
```
#860616
```
#860616 rgb(134,6,22)
```
#990619
```
#990619 rgb(153,6,25)
```
#ab071c
```
#ab071c rgb(171,7,28)
```
#be081f
```
#be081f rgb(190,8,31)
```
#d10922
```
#d10922 rgb(209,9,34)
```
#e40926
```
#e40926 rgb(228,9,38)
```

Shade Color Variation

#f50c2a
```
#f50c2a rgb(245,12,42)
```
#f61f3b
```
#f61f3b rgb(246,31,59)
```
#f7324b
```
#f7324b rgb(247,50,75)
```
#f7455c
```
#f7455c rgb(247,69,92)
```
#f8576c
```
#f8576c rgb(248,87,108)
```
#f96a7d
```
#f96a7d rgb(249,106,125)
```
#fa7d8d
```
#fa7d8d rgb(250,125,141)
```
#fa909e
```
#fa909e rgb(250,144,158)
```
#fba3ae
```
#fba3ae rgb(251,163,174)
```
#fcb6bf
```
#fcb6bf rgb(252,182,191)
```
#fdc8cf
```
#fdc8cf rgb(253,200,207)
```
#fedbe0
```
#fedbe0 rgb(254,219,224)
```
#feeef0
```
#feeef0 rgb(254,238,240)
```

Tint Color Variation

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

#8a7779
```
#8a7779 rgb(138,119,121)
```
#946d72
```
#946d72 rgb(148,109,114)
```
#9d646b
```
#9d646b rgb(157,100,107)
```
#a75a64
```
#a75a64 rgb(167,90,100)
```
#b1505d
```
#b1505d rgb(177,80,93)
```
#bb4655
```
#bb4655 rgb(187,70,85)
```
#c43d4e
```
#c43d4e rgb(196,61,78)
```
#ce3347
```
#ce3347 rgb(206,51,71)
```
#d82940
```
#d82940 rgb(216,41,64)
```
#e21f38
```
#e21f38 rgb(226,31,56)
```
#eb1631
```
#eb1631 rgb(235,22,49)
```
#f50c2a
```
#f50c2a rgb(245,12,42)
```
#ff0223
```
#ff0223 rgb(255,2,35)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#75464c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e824b Protanopia 1% of men
#a27b1e Deuteranopia 1% of men
#f51f17 Tritanopia 0.001% of the population

Trichromacy

#b3573f Protanomaly 1% of men, 0.01% of women
#c05322 Deuteranomaly 6% of men, 0.4% of women
#f5181e Tritanomaly 0.01% of the population

#f50c2a hex color

#f50c2a Color Information

#f50c2a Color Conversion

Color Schemes with #f50c2a

Alternatives to #f50c2a

#f50c2a Preview

Shades and Tints of #f50c2a

Tones of #f50c2a

Color Blindness Simulator