#fb5f74 hex color

In a RGB color space, hex #fb5f74 is composed of 98.4% red, 37.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.2% magenta, 53.8% yellow and 1.6% black. It has a hue angle of 351.9 degrees, a saturation of 95.1% and a lightness of 67.8%. #fb5f74 color hex could be obtained by blending #ffbee8 with #f70000. Closest websafe color is: #ff6666.

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

● #fb5f74 color description : Soft red.

The hexadecimal color #fb5f74 has RGB values of R:251, G:95, B:116 and CMYK values of C:0, M:0.62, Y:0.54, K:0.02. Its decimal value is 16473972.

Hex triplet	fb5f74	`#fb5f74`
RGB Decimal	251, 95, 116	`rgb(251,95,116)`
RGB Percent	98.4, 37.3, 45.5	`rgb(98.4%,37.3%,45.5%)`
CMYK	0, 62, 54, 2
HSL	351.9°, 95.1, 67.8	`hsl(351.9,95.1%,67.8%)`
HSV (or HSB)	351.9°, 62.2, 98.4
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.619, 60.906, 20.463
XYZ	47.03, 29.959, 19.828
xyY	0.486, 0.309, 29.959
CIE-LCH	61.619, 64.252, 18.571
CIE-LUV	61.619, 112.597, 13.378
Hunter-Lab	54.735, 57.585, 16.836
Binary	11111011, 01011111, 01110100

#fb5f74
```
#fb5f74 rgb(251,95,116)
```
#5ffbe6
```
#5ffbe6 rgb(95,251,230)
```

Complementary Color

#fb5fc2
```
#fb5fc2 rgb(251,95,194)
```
#fb5f74
```
#fb5f74 rgb(251,95,116)
```
#fb985f
```
#fb985f rgb(251,152,95)
```

Analogous Color

#5fc2fb
```
#5fc2fb rgb(95,194,251)
```
#fb5f74
```
#fb5f74 rgb(251,95,116)
```
#5ffb98
```
#5ffb98 rgb(95,251,152)
```

Split Complementary Color

#5f74fb
```
#5f74fb rgb(95,116,251)
```
#fb5f74
```
#fb5f74 rgb(251,95,116)
```
#74fb5f
```
#74fb5f rgb(116,251,95)
```

Triadic Color

#e65ffb
```
#e65ffb rgb(230,95,251)
```
#fb5f74
```
#fb5f74 rgb(251,95,116)
```
#74fb5f
```
#74fb5f rgb(116,251,95)
```
#5ffbe6
```
#5ffbe6 rgb(95,251,230)
```

Tetradic Color

#f91433
```
#f91433 rgb(249,20,51)
```
#fa2d49
```
#fa2d49 rgb(250,45,73)
```
#fa465e
```
#fa465e rgb(250,70,94)
```
#fb5f74
```
#fb5f74 rgb(251,95,116)
```
#fc788a
```
#fc788a rgb(252,120,138)
```
#fc919f
```
#fc919f rgb(252,145,159)
```
#fdaab5
```
#fdaab5 rgb(253,170,181)
```

Monochromatic Color

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

#fb5f9b
```
#fb5f9b rgb(251,95,155)
```
#fb5f8e
```
#fb5f8e rgb(251,95,142)
```
#fb5f81
```
#fb5f81 rgb(251,95,129)
```
#fb5f74
```
#fb5f74 rgb(251,95,116)
```
#fb5f67
```
#fb5f67 rgb(251,95,103)
```
#fb645f
```
#fb645f rgb(251,100,95)
```
#fb715f
```
#fb715f rgb(251,113,95)
```

Similar Colors

Text with hexadecimal color #fb5f74

This text has a font color of #fb5f74.

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

#fb5f74 background color

This paragraph has a background color of #fb5f74.

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

#fb5f74 border color

This element has a border color of #fb5f74.

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

CSS codes

.text {color:#fb5f74;}

.background {background-color:#fb5f74;}

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

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

#0c0002
```
#0c0002 rgb(12,0,2)
```
#1f0105
```
#1f0105 rgb(31,1,5)
```
#330108
```
#330108 rgb(51,1,8)
```
#46020b
```
#46020b rgb(70,2,11)
```
#59020e
```
#59020e rgb(89,2,14)
```
#6c0311
```
#6c0311 rgb(108,3,17)
```
#7f0314
```
#7f0314 rgb(127,3,20)
```
#920417
```
#920417 rgb(146,4,23)
```
#a5041a
```
#a5041a rgb(165,4,26)
```
#b8051d
```
#b8051d rgb(184,5,29)
```
#cc0520
```
#cc0520 rgb(204,5,32)
```
#df0623
```
#df0623 rgb(223,6,35)
```
#f20626
```
#f20626 rgb(242,6,38)
```

Shade Color Variation

#f91231
```
#f91231 rgb(249,18,49)
```
#fa2642
```
#fa2642 rgb(250,38,66)
```
#fa3953
```
#fa3953 rgb(250,57,83)
```
#fb4c63
```
#fb4c63 rgb(251,76,99)
```
#fb5f74
```
#fb5f74 rgb(251,95,116)
```
#fb7285
```
#fb7285 rgb(251,114,133)
```
#fc8595
```
#fc8595 rgb(252,133,149)
```
#fc98a6
```
#fc98a6 rgb(252,152,166)
```
#fdacb7
```
#fdacb7 rgb(253,172,183)
```
#fdbfc7
```
#fdbfc7 rgb(253,191,199)
```
#fed2d8
```
#fed2d8 rgb(254,210,216)
```
#fee5e8
```
#fee5e8 rgb(254,229,232)
```
#fff8f9
```
#fff8f9 rgb(255,248,249)
```

Tint Color Variation

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

#afabab
```
#afabab rgb(175,171,171)
```
#b6a4a7
```
#b6a4a7 rgb(182,164,167)
```
#bc9ea2
```
#bc9ea2 rgb(188,158,162)
```
#c2989d
```
#c2989d rgb(194,152,157)
```
#c99199
```
#c99199 rgb(201,145,153)
```
#cf8b94
```
#cf8b94 rgb(207,139,148)
```
#d58590
```
#d58590 rgb(213,133,144)
```
#db7f8b
```
#db7f8b rgb(219,127,139)
```
#e27886
```
#e27886 rgb(226,120,134)
```
#e87282
```
#e87282 rgb(232,114,130)
```
#ee6c7d
```
#ee6c7d rgb(238,108,125)
```
#f56579
```
#f56579 rgb(245,101,121)
```
#fb5f74
```
#fb5f74 rgb(251,95,116)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#a5868a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9991 Protanopia 1% of men
#b59471 Deuteranopia 1% of men
#fa696f Tritanopia 0.001% of the population

Trichromacy

#c08486 Protanomaly 1% of men, 0.01% of women
#cf8072 Deuteranomaly 6% of men, 0.4% of women
#fa6571 Tritanomaly 0.01% of the population

#fb5f74 hex color

#fb5f74 Color Information

#fb5f74 Color Conversion

Color Schemes with #fb5f74

Alternatives to #fb5f74

#fb5f74 Preview

Shades and Tints of #fb5f74

Tones of #fb5f74

Color Blindness Simulator