#fb505f hex color

In a RGB color space, hex #fb505f is composed of 98.4% red, 31.4% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.1% magenta, 62.2% yellow and 1.6% black. It has a hue angle of 354.7 degrees, a saturation of 95.5% and a lightness of 64.9%. #fb505f color hex could be obtained by blending #ffa0be with #f70000. Closest websafe color is: #ff6666.

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

● #fb505f color description : Soft red.

The hexadecimal color #fb505f has RGB values of R:251, G:80, B:95 and CMYK values of C:0, M:0.68, Y:0.62, K:0.02. Its decimal value is 16470111.

Hex triplet	fb505f	`#fb505f`
RGB Decimal	251, 80, 95	`rgb(251,80,95)`
RGB Percent	98.4, 31.4, 37.3	`rgb(98.4%,31.4%,37.3%)`
CMYK	0, 68, 62, 2
HSL	354.7°, 95.5, 64.9	`hsl(354.7,95.5%,64.9%)`
HSV (or HSB)	354.7°, 68.1, 98.4
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.046, 65.412, 29.177
XYZ	44.72, 27.078, 13.698
xyY	0.523, 0.317, 27.078
CIE-LCH	59.046, 71.624, 24.039
CIE-LUV	59.046, 127.23, 20.733
Hunter-Lab	52.036, 62.338, 20.818
Binary	11111011, 01010000, 01011111

#fb505f
```
#fb505f rgb(251,80,95)
```
#50fbec
```
#50fbec rgb(80,251,236)
```

Complementary Color

#fb50b5
```
#fb50b5 rgb(251,80,181)
```
#fb505f
```
#fb505f rgb(251,80,95)
```
#fb9750
```
#fb9750 rgb(251,151,80)
```

Analogous Color

#50b5fb
```
#50b5fb rgb(80,181,251)
```
#fb505f
```
#fb505f rgb(251,80,95)
```
#50fb97
```
#50fb97 rgb(80,251,151)
```

Split Complementary Color

#505ffb
```
#505ffb rgb(80,95,251)
```
#fb505f
```
#fb505f rgb(251,80,95)
```
#5ffb50
```
#5ffb50 rgb(95,251,80)
```

Triadic Color

#ec50fb
```
#ec50fb rgb(236,80,251)
```
#fb505f
```
#fb505f rgb(251,80,95)
```
#5ffb50
```
#5ffb50 rgb(95,251,80)
```
#50fbec
```
#50fbec rgb(80,251,236)
```

Tetradic Color

#f9061b
```
#f9061b rgb(249,6,27)
```
#fa1e31
```
#fa1e31 rgb(250,30,49)
```
#fa3748
```
#fa3748 rgb(250,55,72)
```
#fb505f
```
#fb505f rgb(251,80,95)
```
#fc6976
```
#fc6976 rgb(252,105,118)
```
#fc828d
```
#fc828d rgb(252,130,141)
```
#fd9ba3
```
#fd9ba3 rgb(253,155,163)
```

Monochromatic Color

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

#fb508a
```
#fb508a rgb(251,80,138)
```
#fb507c
```
#fb507c rgb(251,80,124)
```
#fb506d
```
#fb506d rgb(251,80,109)
```
#fb505f
```
#fb505f rgb(251,80,95)
```
#fb5051
```
#fb5051 rgb(251,80,81)
```
#fb5e50
```
#fb5e50 rgb(251,94,80)
```
#fb6c50
```
#fb6c50 rgb(251,108,80)
```

Similar Colors

Text with hexadecimal color #fb505f

This text has a font color of #fb505f.

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

#fb505f background color

This paragraph has a background color of #fb505f.

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

#fb505f border color

This element has a border color of #fb505f.

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

CSS codes

.text {color:#fb505f;}

.background {background-color:#fb505f;}

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

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

#110002
```
#110002 rgb(17,0,2)
```
#240104
```
#240104 rgb(36,1,4)
```
#370106
```
#370106 rgb(55,1,6)
```
#4a0208
```
#4a0208 rgb(74,2,8)
```
#5d020a
```
#5d020a rgb(93,2,10)
```
#71030c
```
#71030c rgb(113,3,12)
```
#84030e
```
#84030e rgb(132,3,14)
```
#970310
```
#970310 rgb(151,3,16)
```
#aa0412
```
#aa0412 rgb(170,4,18)
```
#bd0415
```
#bd0415 rgb(189,4,21)
```
#d10517
```
#d10517 rgb(209,5,23)
```
#e40519
```
#e40519 rgb(228,5,25)
```
#f7061b
```
#f7061b rgb(247,6,27)
```

Shade Color Variation

#fa162a
```
#fa162a rgb(250,22,42)
```
#fa2a3c
```
#fa2a3c rgb(250,42,60)
```
#fb3d4d
```
#fb3d4d rgb(251,61,77)
```
#fb505f
```
#fb505f rgb(251,80,95)
```
#fb6371
```
#fb6371 rgb(251,99,113)
```
#fc7682
```
#fc7682 rgb(252,118,130)
```
#fc8a94
```
#fc8a94 rgb(252,138,148)
```
#fd9da5
```
#fd9da5 rgb(253,157,165)
```
#fdb0b7
```
#fdb0b7 rgb(253,176,183)
```
#fec3c8
```
#fec3c8 rgb(254,195,200)
```
#fed6da
```
#fed6da rgb(254,214,218)
```
#ffe9eb
```
#ffe9eb rgb(255,233,235)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#a8a3a3
```
#a8a3a3 rgb(168,163,163)
```
#af9c9d
```
#af9c9d rgb(175,156,157)
```
#b69598
```
#b69598 rgb(182,149,152)
```
#bd8e92
```
#bd8e92 rgb(189,142,146)
```
#c4878c
```
#c4878c rgb(196,135,140)
```
#cb8087
```
#cb8087 rgb(203,128,135)
```
#d27981
```
#d27981 rgb(210,121,129)
```
#d9727b
```
#d9727b rgb(217,114,123)
```
#df6c76
```
#df6c76 rgb(223,108,118)
```
#e66570
```
#e66570 rgb(230,101,112)
```
#ed5e6a
```
#ed5e6a rgb(237,94,106)
```
#f45765
```
#f45765 rgb(244,87,101)
```
#fb505f
```
#fb505f rgb(251,80,95)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#9d7a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b937d Protanopia 1% of men
#b28d5c Deuteranopia 1% of men
#fa5a5f Tritanopia 0.001% of the population

Trichromacy

#be7b72 Protanomaly 1% of men, 0.01% of women
#cc775d Deuteranomaly 6% of men, 0.4% of women
#fa565f Tritanomaly 0.01% of the population

#fb505f hex color

#fb505f Color Information

#fb505f Color Conversion

Color Schemes with #fb505f

Alternatives to #fb505f

#fb505f Preview

Shades and Tints of #fb505f

Tones of #fb505f

Color Blindness Simulator