#fa5f51 hex color

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

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

● #fa5f51 color description : Soft red.

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

Hex triplet	fa5f51	`#fa5f51`
RGB Decimal	250, 95, 81	`rgb(250,95,81)`
RGB Percent	98, 37.3, 31.8	`rgb(98%,37.3%,31.8%)`
CMYK	0, 62, 68, 2
HSL	5°, 94.4, 64.9	`hsl(5,94.4%,64.9%)`
HSV (or HSB)	5°, 67.6, 98
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.876, 58.345, 39.305
XYZ	45.004, 29.107, 11.033
xyY	0.529, 0.342, 29.107
CIE-LCH	60.876, 70.349, 33.967
CIE-LUV	60.876, 120.211, 32.147
Hunter-Lab	53.951, 54.482, 25.641
Binary	11111010, 01011111, 01010001

#fa5f51
```
#fa5f51 rgb(250,95,81)
```
#51ecfa
```
#51ecfa rgb(81,236,250)
```

Complementary Color

#fa5198
```
#fa5198 rgb(250,81,152)
```
#fa5f51
```
#fa5f51 rgb(250,95,81)
```
#fab451
```
#fab451 rgb(250,180,81)
```

Analogous Color

#5198fa
```
#5198fa rgb(81,152,250)
```
#fa5f51
```
#fa5f51 rgb(250,95,81)
```
#51fab4
```
#51fab4 rgb(81,250,180)
```

Split Complementary Color

#5f51fa
```
#5f51fa rgb(95,81,250)
```
#fa5f51
```
#fa5f51 rgb(250,95,81)
```
#51fa5f
```
#51fa5f rgb(81,250,95)
```

Triadic Color

#fa51ec
```
#fa51ec rgb(250,81,236)
```
#fa5f51
```
#fa5f51 rgb(250,95,81)
```
#51fa5f
```
#51fa5f rgb(81,250,95)
```
#51ecfa
```
#51ecfa rgb(81,236,250)
```

Tetradic Color

#f71b07
```
#f71b07 rgb(247,27,7)
```
#f9311f
```
#f9311f rgb(249,49,31)
```
#f94838
```
#f94838 rgb(249,72,56)
```
#fa5f51
```
#fa5f51 rgb(250,95,81)
```
#fb766a
```
#fb766a rgb(251,118,106)
```
#fb8d83
```
#fb8d83 rgb(251,141,131)
```
#fca39b
```
#fca39b rgb(252,163,155)
```

Monochromatic Color

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

#fa516d
```
#fa516d rgb(250,81,109)
```
#fa515f
```
#fa515f rgb(250,81,95)
```
#fa5151
```
#fa5151 rgb(250,81,81)
```
#fa5f51
```
#fa5f51 rgb(250,95,81)
```
#fa6d51
```
#fa6d51 rgb(250,109,81)
```
#fa7b51
```
#fa7b51 rgb(250,123,81)
```
#fa8951
```
#fa8951 rgb(250,137,81)
```

Similar Colors

Text with hexadecimal color #fa5f51

This text has a font color of #fa5f51.

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

#fa5f51 background color

This paragraph has a background color of #fa5f51.

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

#fa5f51 border color

This element has a border color of #fa5f51.

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

CSS codes

.text {color:#fa5f51;}

.background {background-color:#fa5f51;}

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

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

#110200
```
#110200 rgb(17,2,0)
```
#240401
```
#240401 rgb(36,4,1)
```
#370602
```
#370602 rgb(55,6,2)
```
#4a0802
```
#4a0802 rgb(74,8,2)
```
#5d0a03
```
#5d0a03 rgb(93,10,3)
```
#700c03
```
#700c03 rgb(112,12,3)
```
#830e04
```
#830e04 rgb(131,14,4)
```
#961004
```
#961004 rgb(150,16,4)
```
#a91205
```
#a91205 rgb(169,18,5)
```
#bc1505
```
#bc1505 rgb(188,21,5)
```
#cf1706
```
#cf1706 rgb(207,23,6)
```
#e21907
```
#e21907 rgb(226,25,7)
```
#f51b07
```
#f51b07 rgb(245,27,7)
```

Shade Color Variation

#f82a18
```
#f82a18 rgb(248,42,24)
```
#f93c2b
```
#f93c2b rgb(249,60,43)
```
#f94d3e
```
#f94d3e rgb(249,77,62)
```
#fa5f51
```
#fa5f51 rgb(250,95,81)
```
#fb7164
```
#fb7164 rgb(251,113,100)
```
#fb8277
```
#fb8277 rgb(251,130,119)
```
#fc948a
```
#fc948a rgb(252,148,138)
```
#fca59d
```
#fca59d rgb(252,165,157)
```
#fdb7b0
```
#fdb7b0 rgb(253,183,176)
```
#fdc8c3
```
#fdc8c3 rgb(253,200,195)
```
#fedad6
```
#fedad6 rgb(254,218,214)
```
#feebea
```
#feebea rgb(254,235,234)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#a7a4a4
```
#a7a4a4 rgb(167,164,164)
```
#ae9e9d
```
#ae9e9d rgb(174,158,157)
```
#b59896
```
#b59896 rgb(181,152,150)
```
#bc938f
```
#bc938f rgb(188,147,143)
```
#c38d88
```
#c38d88 rgb(195,141,136)
```
#ca8781
```
#ca8781 rgb(202,135,129)
```
#d1817a
```
#d1817a rgb(209,129,122)
```
#d87c73
```
#d87c73 rgb(216,124,115)
```
#de766d
```
#de766d rgb(222,118,109)
```
#e57066
```
#e57066 rgb(229,112,102)
```
#ec6a5f
```
#ec6a5f rgb(236,106,95)
```
#f36558
```
#f36558 rgb(243,101,88)
```
#fa5f51
```
#fa5f51 rgb(250,95,81)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a28380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4986a Protanopia 1% of men
#ba914f Deuteranopia 1% of men
#fb646a Tritanopia 0.001% of the population

Trichromacy

#c38361 Protanomaly 1% of men, 0.01% of women
#d17f50 Deuteranomaly 6% of men, 0.4% of women
#fa6261 Tritanomaly 0.01% of the population

#fa5f51 hex color

#fa5f51 Color Information

#fa5f51 Color Conversion

Color Schemes with #fa5f51

Alternatives to #fa5f51

#fa5f51 Preview

Shades and Tints of #fa5f51

Tones of #fa5f51

Color Blindness Simulator