#fb506f hex color

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

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

● #fb506f color description : Soft red.

The hexadecimal color #fb506f has RGB values of R:251, G:80, B:111 and CMYK values of C:0, M:0.68, Y:0.56, K:0.02. Its decimal value is 16470127.

Hex triplet	fb506f	`#fb506f`
RGB Decimal	251, 80, 111	`rgb(251,80,111)`
RGB Percent	98.4, 31.4, 43.5	`rgb(98.4%,31.4%,43.5%)`
CMYK	0, 68, 56, 2
HSL	349.1°, 95.5, 64.9	`hsl(349.1,95.5%,64.9%)`
HSV (or HSB)	349.1°, 68.1, 98.4
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.342, 66.453, 20.278
XYZ	45.523, 27.399, 17.929
xyY	0.501, 0.302, 27.399
CIE-LCH	59.342, 69.477, 16.969
CIE-LUV	59.342, 122.657, 11.49
Hunter-Lab	52.344, 63.637, 16.332
Binary	11111011, 01010000, 01101111

#fb506f
```
#fb506f rgb(251,80,111)
```
#50fbdc
```
#50fbdc rgb(80,251,220)
```

Complementary Color

#fb50c5
```
#fb50c5 rgb(251,80,197)
```
#fb506f
```
#fb506f rgb(251,80,111)
```
#fb8750
```
#fb8750 rgb(251,135,80)
```

Analogous Color

#50c5fb
```
#50c5fb rgb(80,197,251)
```
#fb506f
```
#fb506f rgb(251,80,111)
```
#50fb87
```
#50fb87 rgb(80,251,135)
```

Split Complementary Color

#506ffb
```
#506ffb rgb(80,111,251)
```
#fb506f
```
#fb506f rgb(251,80,111)
```
#6ffb50
```
#6ffb50 rgb(111,251,80)
```

Triadic Color

#dc50fb
```
#dc50fb rgb(220,80,251)
```
#fb506f
```
#fb506f rgb(251,80,111)
```
#6ffb50
```
#6ffb50 rgb(111,251,80)
```
#50fbdc
```
#50fbdc rgb(80,251,220)
```

Tetradic Color

#f90632
```
#f90632 rgb(249,6,50)
```
#fa1e46
```
#fa1e46 rgb(250,30,70)
```
#fa375a
```
#fa375a rgb(250,55,90)
```
#fb506f
```
#fb506f rgb(251,80,111)
```
#fc6984
```
#fc6984 rgb(252,105,132)
```
#fc8298
```
#fc8298 rgb(252,130,152)
```
#fd9bad
```
#fd9bad rgb(253,155,173)
```

Monochromatic Color

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

#fb509a
```
#fb509a rgb(251,80,154)
```
#fb508c
```
#fb508c rgb(251,80,140)
```
#fb507d
```
#fb507d rgb(251,80,125)
```
#fb506f
```
#fb506f rgb(251,80,111)
```
#fb5061
```
#fb5061 rgb(251,80,97)
```
#fb5052
```
#fb5052 rgb(251,80,82)
```
#fb5c50
```
#fb5c50 rgb(251,92,80)
```

Similar Colors

Text with hexadecimal color #fb506f

This text has a font color of #fb506f.

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

#fb506f background color

This paragraph has a background color of #fb506f.

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

#fb506f border color

This element has a border color of #fb506f.

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

CSS codes

.text {color:#fb506f;}

.background {background-color:#fb506f;}

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

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

#110003
```
#110003 rgb(17,0,3)
```
#240107
```
#240107 rgb(36,1,7)
```
#37010b
```
#37010b rgb(55,1,11)
```
#4a020f
```
#4a020f rgb(74,2,15)
```
#5d0213
```
#5d0213 rgb(93,2,19)
```
#710317
```
#710317 rgb(113,3,23)
```
#84031a
```
#84031a rgb(132,3,26)
```
#97031e
```
#97031e rgb(151,3,30)
```
#aa0422
```
#aa0422 rgb(170,4,34)
```
#bd0426
```
#bd0426 rgb(189,4,38)
```
#d1052a
```
#d1052a rgb(209,5,42)
```
#e4052e
```
#e4052e rgb(228,5,46)
```
#f70631
```
#f70631 rgb(247,6,49)
```

Shade Color Variation

#fa1640
```
#fa1640 rgb(250,22,64)
```
#fa2a4f
```
#fa2a4f rgb(250,42,79)
```
#fb3d5f
```
#fb3d5f rgb(251,61,95)
```
#fb506f
```
#fb506f rgb(251,80,111)
```
#fb637f
```
#fb637f rgb(251,99,127)
```
#fc768f
```
#fc768f rgb(252,118,143)
```
#fc8a9e
```
#fc8a9e rgb(252,138,158)
```
#fd9dae
```
#fd9dae rgb(253,157,174)
```
#fdb0be
```
#fdb0be rgb(253,176,190)
```
#fec3ce
```
#fec3ce rgb(254,195,206)
```
#fed6dd
```
#fed6dd rgb(254,214,221)
```
#ffe9ed
```
#ffe9ed rgb(255,233,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#a8a3a4
```
#a8a3a4 rgb(168,163,164)
```
#af9c9f
```
#af9c9f rgb(175,156,159)
```
#b6959b
```
#b6959b rgb(182,149,155)
```
#bd8e96
```
#bd8e96 rgb(189,142,150)
```
#c48792
```
#c48792 rgb(196,135,146)
```
#cb808e
```
#cb808e rgb(203,128,142)
```
#d27989
```
#d27989 rgb(210,121,137)
```
#d97285
```
#d97285 rgb(217,114,133)
```
#df6c81
```
#df6c81 rgb(223,108,129)
```
#e6657c
```
#e6657c rgb(230,101,124)
```
#ed5e78
```
#ed5e78 rgb(237,94,120)
```
#f45773
```
#f45773 rgb(244,87,115)
```
#fb506f
```
#fb506f rgb(251,80,111)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#9e7c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98948f Protanopia 1% of men
#af8e6b Deuteranopia 1% of men
#fa5d61 Tritanopia 0.001% of the population

Trichromacy

#bc7b83 Protanomaly 1% of men, 0.01% of women
#cb776c Deuteranomaly 6% of men, 0.4% of women
#fa5866 Tritanomaly 0.01% of the population

#fb506f hex color

#fb506f Color Information

#fb506f Color Conversion

Color Schemes with #fb506f

Alternatives to #fb506f

#fb506f Preview

Shades and Tints of #fb506f

Tones of #fb506f

Color Blindness Simulator