#fa5150 hex color

In a RGB color space, hex #fa5150 is composed of 98% red, 31.8% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.6% magenta, 68% yellow and 2% black. It has a hue angle of 0.4 degrees, a saturation of 94.4% and a lightness of 64.7%. #fa5150 color hex could be obtained by blending #ffa2a0 with #f50000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 98
- G 32
- B 31
RGB color chart
- C 0
- M 68
- Y 68
- K 2
CMYK color chart

● #fa5150 color description : Soft red.

The hexadecimal color #fa5150 has RGB values of R:250, G:81, B:80 and CMYK values of C:0, M:0.68, Y:0.68, K:0.02. Its decimal value is 16404816.

Hex triplet	fa5150	`#fa5150`
RGB Decimal	250, 81, 80	`rgb(250,81,80)`
RGB Percent	98, 31.8, 31.4	`rgb(98%,31.8%,31.4%)`
CMYK	0, 68, 68, 2
HSL	0.4°, 94.4, 64.7	`hsl(0.4,94.4%,64.7%)`
HSV (or HSB)	0.4°, 68, 98
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.782, 63.914, 37.356
XYZ	43.817, 26.793, 10.453
xyY	0.541, 0.331, 26.793
CIE-LCH	58.782, 74.031, 30.305
CIE-LUV	58.782, 129.557, 28.363
Hunter-Lab	51.762, 60.517, 24.26
Binary	11111010, 01010001, 01010000

#fa5150
```
#fa5150 rgb(250,81,80)
```
#50f9fa
```
#50f9fa rgb(80,249,250)
```

Complementary Color

#fa50a4
```
#fa50a4 rgb(250,80,164)
```
#fa5150
```
#fa5150 rgb(250,81,80)
```
#faa650
```
#faa650 rgb(250,166,80)
```

Analogous Color

#50a4fa
```
#50a4fa rgb(80,164,250)
```
#fa5150
```
#fa5150 rgb(250,81,80)
```
#50faa6
```
#50faa6 rgb(80,250,166)
```

Split Complementary Color

#5150fa
```
#5150fa rgb(81,80,250)
```
#fa5150
```
#fa5150 rgb(250,81,80)
```
#50fa51
```
#50fa51 rgb(80,250,81)
```

Triadic Color

#fa50f9
```
#fa50f9 rgb(250,80,249)
```
#fa5150
```
#fa5150 rgb(250,81,80)
```
#50fa51
```
#50fa51 rgb(80,250,81)
```
#50f9fa
```
#50f9fa rgb(80,249,250)
```

Tetradic Color

#f60807
```
#f60807 rgb(246,8,7)
```
#f9201e
```
#f9201e rgb(249,32,30)
```
#f93837
```
#f93837 rgb(249,56,55)
```
#fa5150
```
#fa5150 rgb(250,81,80)
```
#fb6a69
```
#fb6a69 rgb(251,106,105)
```
#fb8282
```
#fb8282 rgb(251,130,130)
```
#fc9b9a
```
#fc9b9a rgb(252,155,154)
```

Monochromatic Color

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

#fa507a
```
#fa507a rgb(250,80,122)
```
#fa506b
```
#fa506b rgb(250,80,107)
```
#fa505d
```
#fa505d rgb(250,80,93)
```
#fa5150
```
#fa5150 rgb(250,81,80)
```
#fa5f50
```
#fa5f50 rgb(250,95,80)
```
#fa6d50
```
#fa6d50 rgb(250,109,80)
```
#fa7c50
```
#fa7c50 rgb(250,124,80)
```

Similar Colors

Text with hexadecimal color #fa5150

This text has a font color of #fa5150.

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

#fa5150 background color

This paragraph has a background color of #fa5150.

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

#fa5150 border color

This element has a border color of #fa5150.

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

CSS codes

.text {color:#fa5150;}

.background {background-color:#fa5150;}

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

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

#100100
```
#100100 rgb(16,1,0)
```
#230101
```
#230101 rgb(35,1,1)
```
#360202
```
#360202 rgb(54,2,2)
```
#490202
```
#490202 rgb(73,2,2)
```
#5c0303
```
#5c0303 rgb(92,3,3)
```
#6f0403
```
#6f0403 rgb(111,4,3)
```
#820404
```
#820404 rgb(130,4,4)
```
#950504
```
#950504 rgb(149,5,4)
```
#a80605
```
#a80605 rgb(168,6,5)
```
#bb0605
```
#bb0605 rgb(187,6,5)
```
#ce0706
```
#ce0706 rgb(206,7,6)
```
#e10806
```
#e10806 rgb(225,8,6)
```
#f50807
```
#f50807 rgb(245,8,7)
```

Shade Color Variation

#f81817
```
#f81817 rgb(248,24,23)
```
#f92b2a
```
#f92b2a rgb(249,43,42)
```
#f93e3d
```
#f93e3d rgb(249,62,61)
```
#fa5150
```
#fa5150 rgb(250,81,80)
```
#fb6463
```
#fb6463 rgb(251,100,99)
```
#fb7776
```
#fb7776 rgb(251,119,118)
```
#fc8a89
```
#fc8a89 rgb(252,138,137)
```
#fc9d9c
```
#fc9d9c rgb(252,157,156)
```
#fdb0af
```
#fdb0af rgb(253,176,175)
```
#fdc3c2
```
#fdc3c2 rgb(253,195,194)
```
#fed6d5
```
#fed6d5 rgb(254,214,213)
```
#fee9e9
```
#fee9e9 rgb(254,233,233)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#a7a3a3
```
#a7a3a3 rgb(167,163,163)
```
#ae9c9c
```
#ae9c9c rgb(174,156,156)
```
#b59595
```
#b59595 rgb(181,149,149)
```
#bc8f8e
```
#bc8f8e rgb(188,143,142)
```
#c38887
```
#c38887 rgb(195,136,135)
```
#ca8180
```
#ca8180 rgb(202,129,128)
```
#d07a7a
```
#d07a7a rgb(208,122,122)
```
#d77373
```
#d77373 rgb(215,115,115)
```
#de6c6c
```
#de6c6c rgb(222,108,108)
```
#e56665
```
#e56665 rgb(229,102,101)
```
#ec5f5e
```
#ec5f5e rgb(236,95,94)
```
#f35857
```
#f35857 rgb(243,88,87)
```
#fa5150
```
#fa5150 rgb(250,81,80)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#9b7979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e936c Protanopia 1% of men
#b38c4d Deuteranopia 1% of men
#fa595d Tritanopia 0.001% of the population

Trichromacy

#bf7b62 Protanomaly 1% of men, 0.01% of women
#cd774e Deuteranomaly 6% of men, 0.4% of women
#fa5658 Tritanomaly 0.01% of the population

#fa5150 hex color

#fa5150 Color Information

#fa5150 Color Conversion

Color Schemes with #fa5150

Alternatives to #fa5150

#fa5150 Preview

Shades and Tints of #fa5150

Tones of #fa5150

Color Blindness Simulator