#f50345 hex color

In a RGB color space, hex #f50345 is composed of 96.1% red, 1.2% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.8% magenta, 71.8% yellow and 3.9% black. It has a hue angle of 343.6 degrees, a saturation of 97.6% and a lightness of 48.6%. #f50345 color hex could be obtained by blending #ff068a with #eb0000. Closest websafe color is: #ff0033.

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

● #f50345 color description : Vivid pink.

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

Hex triplet	f50345	`#f50345`
RGB Decimal	245, 3, 69	`rgb(245,3,69)`
RGB Percent	96.1, 1.2, 27.1	`rgb(96.1%,1.2%,27.1%)`
CMYK	0, 99, 72, 4
HSL	343.6°, 97.6, 48.6	`hsl(343.6,97.6%,48.6%)`
HSV (or HSB)	343.6°, 98.8, 96.1
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.738, 78.824, 35.053
XYZ	38.765, 19.912, 7.432
xyY	0.586, 0.301, 19.912
CIE-LCH	51.738, 86.266, 23.975
CIE-LUV	51.738, 156.839, 20.058
Hunter-Lab	44.623, 76.975, 21.361
Binary	11110101, 00000011, 01000101

#f50345
```
#f50345 rgb(245,3,69)
```
#03f5b3
```
#03f5b3 rgb(3,245,179)
```

Complementary Color

#f503be
```
#f503be rgb(245,3,190)
```
#f50345
```
#f50345 rgb(245,3,69)
```
#f53a03
```
#f53a03 rgb(245,58,3)
```

Analogous Color

#03bef5
```
#03bef5 rgb(3,190,245)
```
#f50345
```
#f50345 rgb(245,3,69)
```
#03f53a
```
#03f53a rgb(3,245,58)
```

Split Complementary Color

#0345f5
```
#0345f5 rgb(3,69,245)
```
#f50345
```
#f50345 rgb(245,3,69)
```
#45f503
```
#45f503 rgb(69,245,3)
```

Triadic Color

#b303f5
```
#b303f5 rgb(179,3,245)
```
#f50345
```
#f50345 rgb(245,3,69)
```
#45f503
```
#45f503 rgb(69,245,3)
```
#03f5b3
```
#03f5b3 rgb(3,245,179)
```

Tetradic Color

#a90230
```
#a90230 rgb(169,2,48)
```
#c30237
```
#c30237 rgb(195,2,55)
```
#dc033e
```
#dc033e rgb(220,3,62)
```
#f50345
```
#f50345 rgb(245,3,69)
```
#fc1554
```
#fc1554 rgb(252,21,84)
```
#fc2f67
```
#fc2f67 rgb(252,47,103)
```
#fd4879
```
#fd4879 rgb(253,72,121)
```

Monochromatic Color

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

#f50382
```
#f50382 rgb(245,3,130)
```
#f5036d
```
#f5036d rgb(245,3,109)
```
#f50359
```
#f50359 rgb(245,3,89)
```
#f50345
```
#f50345 rgb(245,3,69)
```
#f50331
```
#f50331 rgb(245,3,49)
```
#f5031d
```
#f5031d rgb(245,3,29)
```
#f50308
```
#f50308 rgb(245,3,8)
```

Similar Colors

Text with hexadecimal color #f50345

This text has a font color of #f50345.

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

#f50345 background color

This paragraph has a background color of #f50345.

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

#f50345 border color

This element has a border color of #f50345.

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

CSS codes

.text {color:#f50345;}

.background {background-color:#f50345;}

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

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

#0c0004
```
#0c0004 rgb(12,0,4)
```
#200009
```
#200009 rgb(32,0,9)
```
#33010e
```
#33010e rgb(51,1,14)
```
#470114
```
#470114 rgb(71,1,20)
```
#5a0119
```
#5a0119 rgb(90,1,25)
```
#6d011f
```
#6d011f rgb(109,1,31)
```
#810224
```
#810224 rgb(129,2,36)
```
#94022a
```
#94022a rgb(148,2,42)
```
#a7022f
```
#a7022f rgb(167,2,47)
```
#bb0235
```
#bb0235 rgb(187,2,53)
```
#ce033a
```
#ce033a rgb(206,3,58)
```
#e20340
```
#e20340 rgb(226,3,64)
```
#f50345
```
#f50345 rgb(245,3,69)
```

Shade Color Variation

#fc1050
```
#fc1050 rgb(252,16,80)
```
#fc235e
```
#fc235e rgb(252,35,94)
```
#fd366c
```
#fd366c rgb(253,54,108)
```
#fd4a7b
```
#fd4a7b rgb(253,74,123)
```
#fd5d89
```
#fd5d89 rgb(253,93,137)
```
#fd7097
```
#fd7097 rgb(253,112,151)
```
#fd84a5
```
#fd84a5 rgb(253,132,165)
```
#fe97b3
```
#fe97b3 rgb(254,151,179)
```
#feabc1
```
#feabc1 rgb(254,171,193)
```
#febecf
```
#febecf rgb(254,190,207)
```
#fed1de
```
#fed1de rgb(254,209,222)
```
#ffe5ec
```
#ffe5ec rgb(255,229,236)
```
#fff8fa
```
#fff8fa rgb(255,248,250)
```

Tint Color Variation

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

#837579
```
#837579 rgb(131,117,121)
```
#8c6c75
```
#8c6c75 rgb(140,108,117)
```
#966270
```
#966270 rgb(150,98,112)
```
#9f596c
```
#9f596c rgb(159,89,108)
```
#a94f68
```
#a94f68 rgb(169,79,104)
```
#b24663
```
#b24663 rgb(178,70,99)
```
#bc3c5f
```
#bc3c5f rgb(188,60,95)
```
#c5335b
```
#c5335b rgb(197,51,91)
```
#cf2956
```
#cf2956 rgb(207,41,86)
```
#d82052
```
#d82052 rgb(216,32,82)
```
#e2164e
```
#e2164e rgb(226,22,78)
```
#eb0d49
```
#eb0d49 rgb(235,13,73)
```
#f50345
```
#f50345 rgb(245,3,69)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#734350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89816c Protanopia 1% of men
#9f7c3f Deuteranopia 1% of men
#f4231e Tritanopia 0.001% of the population

Trichromacy

#b0535d Protanomaly 1% of men, 0.01% of women
#be5041 Deuteranomaly 6% of men, 0.4% of women
#f4172c Tritanomaly 0.01% of the population

#f50345 hex color

#f50345 Color Information

#f50345 Color Conversion

Color Schemes with #f50345

Alternatives to #f50345

#f50345 Preview

Shades and Tints of #f50345

Tones of #f50345

Color Blindness Simulator