#fb4f60 hex color

In a RGB color space, hex #fb4f60 is composed of 98.4% red, 31% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.5% magenta, 61.8% yellow and 1.6% black. It has a hue angle of 354.1 degrees, a saturation of 95.6% and a lightness of 64.7%. #fb4f60 color hex could be obtained by blending #ff9ec0 with #f70000. Closest websafe color is: #ff6666.

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

● #fb4f60 color description : Soft red.

The hexadecimal color #fb4f60 has RGB values of R:251, G:79, B:96 and CMYK values of C:0, M:0.69, Y:0.62, K:0.02. Its decimal value is 16469856.

Hex triplet	fb4f60	`#fb4f60`
RGB Decimal	251, 79, 96	`rgb(251,79,96)`
RGB Percent	98.4, 31, 37.6	`rgb(98.4%,31%,37.6%)`
CMYK	0, 69, 62, 2
HSL	354.1°, 95.6, 64.7	`hsl(354.1,95.6%,64.7%)`
HSV (or HSB)	354.1°, 68.5, 98.4
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.929, 65.841, 28.448
XYZ	44.693, 26.951, 13.914
xyY	0.522, 0.315, 26.951
CIE-LCH	58.929, 71.724, 23.368
CIE-LUV	58.929, 127.537, 19.898
Hunter-Lab	51.914, 62.821, 20.449
Binary	11111011, 01001111, 01100000

#fb4f60
```
#fb4f60 rgb(251,79,96)
```
#4ffbea
```
#4ffbea rgb(79,251,234)
```

Complementary Color

#fb4fb6
```
#fb4fb6 rgb(251,79,182)
```
#fb4f60
```
#fb4f60 rgb(251,79,96)
```
#fb944f
```
#fb944f rgb(251,148,79)
```

Analogous Color

#4fb6fb
```
#4fb6fb rgb(79,182,251)
```
#fb4f60
```
#fb4f60 rgb(251,79,96)
```
#4ffb94
```
#4ffb94 rgb(79,251,148)
```

Split Complementary Color

#4f60fb
```
#4f60fb rgb(79,96,251)
```
#fb4f60
```
#fb4f60 rgb(251,79,96)
```
#60fb4f
```
#60fb4f rgb(96,251,79)
```

Triadic Color

#ea4ffb
```
#ea4ffb rgb(234,79,251)
```
#fb4f60
```
#fb4f60 rgb(251,79,96)
```
#60fb4f
```
#60fb4f rgb(96,251,79)
```
#4ffbea
```
#4ffbea rgb(79,251,234)
```

Tetradic Color

#f8061e
```
#f8061e rgb(248,6,30)
```
#fa1d33
```
#fa1d33 rgb(250,29,51)
```
#fa3649
```
#fa3649 rgb(250,54,73)
```
#fb4f60
```
#fb4f60 rgb(251,79,96)
```
#fc6877
```
#fc6877 rgb(252,104,119)
```
#fc818d
```
#fc818d rgb(252,129,141)
```
#fd9aa4
```
#fd9aa4 rgb(253,154,164)
```

Monochromatic Color

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

#fb4f8b
```
#fb4f8b rgb(251,79,139)
```
#fb4f7d
```
#fb4f7d rgb(251,79,125)
```
#fb4f6e
```
#fb4f6e rgb(251,79,110)
```
#fb4f60
```
#fb4f60 rgb(251,79,96)
```
#fb4f52
```
#fb4f52 rgb(251,79,82)
```
#fb5b4f
```
#fb5b4f rgb(251,91,79)
```
#fb694f
```
#fb694f rgb(251,105,79)
```

Similar Colors

Text with hexadecimal color #fb4f60

This text has a font color of #fb4f60.

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

#fb4f60 background color

This paragraph has a background color of #fb4f60.

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

#fb4f60 border color

This element has a border color of #fb4f60.

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

CSS codes

.text {color:#fb4f60;}

.background {background-color:#fb4f60;}

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

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

#100002
```
#100002 rgb(16,0,2)
```
#230104
```
#230104 rgb(35,1,4)
```
#360106
```
#360106 rgb(54,1,6)
```
#490209
```
#490209 rgb(73,2,9)
```
#5d020b
```
#5d020b rgb(93,2,11)
```
#70030d
```
#70030d rgb(112,3,13)
```
#830310
```
#830310 rgb(131,3,16)
```
#960312
```
#960312 rgb(150,3,18)
```
#a90414
```
#a90414 rgb(169,4,20)
```
#bc0416
```
#bc0416 rgb(188,4,22)
```
#d00519
```
#d00519 rgb(208,5,25)
```
#e3051b
```
#e3051b rgb(227,5,27)
```
#f6061d
```
#f6061d rgb(246,6,29)
```

Shade Color Variation

#fa152c
```
#fa152c rgb(250,21,44)
```
#fa293d
```
#fa293d rgb(250,41,61)
```
#fb3c4f
```
#fb3c4f rgb(251,60,79)
```
#fb4f60
```
#fb4f60 rgb(251,79,96)
```
#fb6271
```
#fb6271 rgb(251,98,113)
```
#fc7583
```
#fc7583 rgb(252,117,131)
```
#fc8994
```
#fc8994 rgb(252,137,148)
```
#fd9ca5
```
#fd9ca5 rgb(253,156,165)
```
#fdafb7
```
#fdafb7 rgb(253,175,183)
```
#fec2c8
```
#fec2c8 rgb(254,194,200)
```
#fed5d9
```
#fed5d9 rgb(254,213,217)
```
#fee8eb
```
#fee8eb rgb(254,232,235)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#a8a2a3
```
#a8a2a3 rgb(168,162,163)
```
#af9b9d
```
#af9b9d rgb(175,155,157)
```
#b69498
```
#b69498 rgb(182,148,152)
```
#bd8d92
```
#bd8d92 rgb(189,141,146)
```
#c4868c
```
#c4868c rgb(196,134,140)
```
#cb7f87
```
#cb7f87 rgb(203,127,135)
```
#d17981
```
#d17981 rgb(209,121,129)
```
#d8727c
```
#d8727c rgb(216,114,124)
```
#df6b76
```
#df6b76 rgb(223,107,118)
```
#e66471
```
#e66471 rgb(230,100,113)
```
#ed5d6b
```
#ed5d6b rgb(237,93,107)
```
#f45666
```
#f45666 rgb(244,86,102)
```
#fb4f60
```
#fb4f60 rgb(251,79,96)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#9c797d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b937f Protanopia 1% of men
#b18d5d Deuteranopia 1% of men
#fa595e Tritanopia 0.001% of the population

Trichromacy

#bd7a73 Protanomaly 1% of men, 0.01% of women
#cc765e Deuteranomaly 6% of men, 0.4% of women
#fa555e Tritanomaly 0.01% of the population

#fb4f60 hex color

#fb4f60 Color Information

#fb4f60 Color Conversion

Color Schemes with #fb4f60

Alternatives to #fb4f60

#fb4f60 Preview

Shades and Tints of #fb4f60

Tones of #fb4f60

Color Blindness Simulator