#fb5f78 hex color

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

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

● #fb5f78 color description : Soft red.

The hexadecimal color #fb5f78 has RGB values of R:251, G:95, B:120 and CMYK values of C:0, M:0.62, Y:0.52, K:0.02. Its decimal value is 16473976.

Hex triplet	fb5f78	`#fb5f78`
RGB Decimal	251, 95, 120	`rgb(251,95,120)`
RGB Percent	98.4, 37.3, 47.1	`rgb(98.4%,37.3%,47.1%)`
CMYK	0, 62, 52, 2
HSL	350.4°, 95.1, 67.8	`hsl(350.4,95.1%,67.8%)`
HSV (or HSB)	350.4°, 62.2, 98.4
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.701, 61.218, 18.267
XYZ	47.267, 30.054, 21.08
xyY	0.48, 0.305, 30.054
CIE-LCH	61.701, 63.885, 16.615
CIE-LUV	61.701, 111.485, 10.862
Hunter-Lab	54.822, 57.965, 15.577
Binary	11111011, 01011111, 01111000

#fb5f78
```
#fb5f78 rgb(251,95,120)
```
#5ffbe2
```
#5ffbe2 rgb(95,251,226)
```

Complementary Color

#fb5fc6
```
#fb5fc6 rgb(251,95,198)
```
#fb5f78
```
#fb5f78 rgb(251,95,120)
```
#fb945f
```
#fb945f rgb(251,148,95)
```

Analogous Color

#5fc6fb
```
#5fc6fb rgb(95,198,251)
```
#fb5f78
```
#fb5f78 rgb(251,95,120)
```
#5ffb94
```
#5ffb94 rgb(95,251,148)
```

Split Complementary Color

#5f78fb
```
#5f78fb rgb(95,120,251)
```
#fb5f78
```
#fb5f78 rgb(251,95,120)
```
#78fb5f
```
#78fb5f rgb(120,251,95)
```

Triadic Color

#e25ffb
```
#e25ffb rgb(226,95,251)
```
#fb5f78
```
#fb5f78 rgb(251,95,120)
```
#78fb5f
```
#78fb5f rgb(120,251,95)
```
#5ffbe2
```
#5ffbe2 rgb(95,251,226)
```

Tetradic Color

#f91439
```
#f91439 rgb(249,20,57)
```
#fa2d4e
```
#fa2d4e rgb(250,45,78)
```
#fa4663
```
#fa4663 rgb(250,70,99)
```
#fb5f78
```
#fb5f78 rgb(251,95,120)
```
#fc788d
```
#fc788d rgb(252,120,141)
```
#fc91a2
```
#fc91a2 rgb(252,145,162)
```
#fdaab7
```
#fdaab7 rgb(253,170,183)
```

Monochromatic Color

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

#fb5f9f
```
#fb5f9f rgb(251,95,159)
```
#fb5f92
```
#fb5f92 rgb(251,95,146)
```
#fb5f85
```
#fb5f85 rgb(251,95,133)
```
#fb5f78
```
#fb5f78 rgb(251,95,120)
```
#fb5f6b
```
#fb5f6b rgb(251,95,107)
```
#fb605f
```
#fb605f rgb(251,96,95)
```
#fb6d5f
```
#fb6d5f rgb(251,109,95)
```

Similar Colors

Text with hexadecimal color #fb5f78

This text has a font color of #fb5f78.

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

#fb5f78 background color

This paragraph has a background color of #fb5f78.

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

#fb5f78 border color

This element has a border color of #fb5f78.

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

CSS codes

.text {color:#fb5f78;}

.background {background-color:#fb5f78;}

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

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)
```
#1f0106
```
#1f0106 rgb(31,1,6)
```
#330109
```
#330109 rgb(51,1,9)
```
#46020d
```
#46020d rgb(70,2,13)
```
#590210
```
#590210 rgb(89,2,16)
```
#6c0314
```
#6c0314 rgb(108,3,20)
```
#7f0317
```
#7f0317 rgb(127,3,23)
```
#92041a
```
#92041a rgb(146,4,26)
```
#a5041e
```
#a5041e rgb(165,4,30)
```
#b80521
```
#b80521 rgb(184,5,33)
```
#cc0525
```
#cc0525 rgb(204,5,37)
```
#df0628
```
#df0628 rgb(223,6,40)
```
#f2062c
```
#f2062c rgb(242,6,44)
```

Shade Color Variation

#f91237
```
#f91237 rgb(249,18,55)
```
#fa2648
```
#fa2648 rgb(250,38,72)
```
#fa3958
```
#fa3958 rgb(250,57,88)
```
#fb4c68
```
#fb4c68 rgb(251,76,104)
```
#fb5f78
```
#fb5f78 rgb(251,95,120)
```
#fb7288
```
#fb7288 rgb(251,114,136)
```
#fc8598
```
#fc8598 rgb(252,133,152)
```
#fc98a8
```
#fc98a8 rgb(252,152,168)
```
#fdacb9
```
#fdacb9 rgb(253,172,185)
```
#fdbfc9
```
#fdbfc9 rgb(253,191,201)
```
#fed2d9
```
#fed2d9 rgb(254,210,217)
```
#fee5e9
```
#fee5e9 rgb(254,229,233)
```
#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 #fb5f78 is the most saturated one.

#afabab
```
#afabab rgb(175,171,171)
```
#b6a4a7
```
#b6a4a7 rgb(182,164,167)
```
#bc9ea3
```
#bc9ea3 rgb(188,158,163)
```
#c2989f
```
#c2989f rgb(194,152,159)
```
#c9919a
```
#c9919a rgb(201,145,154)
```
#cf8b96
```
#cf8b96 rgb(207,139,150)
```
#d58592
```
#d58592 rgb(213,133,146)
```
#db7f8d
```
#db7f8d rgb(219,127,141)
```
#e27889
```
#e27889 rgb(226,120,137)
```
#e87285
```
#e87285 rgb(232,114,133)
```
#ee6c81
```
#ee6c81 rgb(238,108,129)
```
#f5657c
```
#f5657c rgb(245,101,124)
```
#fb5f78
```
#fb5f78 rgb(251,95,120)
```

Tone Color Variation

Below, you can see how #fb5f78 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
#a5868b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9995 Protanopia 1% of men
#b59475 Deuteranopia 1% of men
#fa6a70 Tritanopia 0.001% of the population

Trichromacy

#c0848a Protanomaly 1% of men, 0.01% of women
#ce8176 Deuteranomaly 6% of men, 0.4% of women
#fa6673 Tritanomaly 0.01% of the population

#fb5f78 hex color

#fb5f78 Color Information

#fb5f78 Color Conversion

Color Schemes with #fb5f78

Alternatives to #fb5f78

#fb5f78 Preview

Shades and Tints of #fb5f78

Tones of #fb5f78

Color Blindness Simulator