#f560bb hex color

In a RGB color space, hex #f560bb is composed of 96.1% red, 37.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.8% magenta, 23.7% yellow and 3.9% black. It has a hue angle of 323.4 degrees, a saturation of 88.2% and a lightness of 66.9%. #f560bb color hex could be obtained by blending #ffc0ff with #eb0077. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 96
- G 38
- B 73
RGB color chart
- C 0
- M 61
- Y 24
- K 4
CMYK color chart

● #f560bb color description : Soft pink.

The hexadecimal color #f560bb has RGB values of R:245, G:96, B:187 and CMYK values of C:0, M:0.61, Y:0.24, K:0.04. Its decimal value is 16081083.

Hex triplet	f560bb	`#f560bb`
RGB Decimal	245, 96, 187	`rgb(245,96,187)`
RGB Percent	96.1, 37.6, 73.3	`rgb(96.1%,37.6%,73.3%)`
CMYK	0, 61, 24, 4
HSL	323.4°, 88.2, 66.9	`hsl(323.4,88.2%,66.9%)`
HSV (or HSB)	323.4°, 60.8, 96.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	62.819, 66.056, -18.806
XYZ	50.809, 31.37, 50.39
xyY	0.383, 0.237, 31.37
CIE-LCH	62.819, 68.681, 344.108
CIE-LUV	62.819, 85.222, -39.634
Hunter-Lab	56.009, 63.912, -14.136
Binary	11110101, 01100000, 10111011

#f560bb
```
#f560bb rgb(245,96,187)
```
#60f59a
```
#60f59a rgb(96,245,154)
```

Complementary Color

#e560f5
```
#e560f5 rgb(229,96,245)
```
#f560bb
```
#f560bb rgb(245,96,187)
```
#f56071
```
#f56071 rgb(245,96,113)
```

Analogous Color

#60f5e5
```
#60f5e5 rgb(96,245,229)
```
#f560bb
```
#f560bb rgb(245,96,187)
```
#71f560
```
#71f560 rgb(113,245,96)
```

Split Complementary Color

#60bbf5
```
#60bbf5 rgb(96,187,245)
```
#f560bb
```
#f560bb rgb(245,96,187)
```
#bbf560
```
#bbf560 rgb(187,245,96)
```

Triadic Color

#9a60f5
```
#9a60f5 rgb(154,96,245)
```
#f560bb
```
#f560bb rgb(245,96,187)
```
#bbf560
```
#bbf560 rgb(187,245,96)
```
#60f59a
```
#60f59a rgb(96,245,154)
```

Tetradic Color

#f0189c
```
#f0189c rgb(240,24,156)
```
#f230a6
```
#f230a6 rgb(242,48,166)
```
#f348b1
```
#f348b1 rgb(243,72,177)
```
#f560bb
```
#f560bb rgb(245,96,187)
```
#f778c5
```
#f778c5 rgb(247,120,197)
```
#f890d0
```
#f890d0 rgb(248,144,208)
```
#faa8da
```
#faa8da rgb(250,168,218)
```

Monochromatic Color

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

#f560e0
```
#f560e0 rgb(245,96,224)
```
#f560d4
```
#f560d4 rgb(245,96,212)
```
#f560c7
```
#f560c7 rgb(245,96,199)
```
#f560bb
```
#f560bb rgb(245,96,187)
```
#f560af
```
#f560af rgb(245,96,175)
```
#f560a2
```
#f560a2 rgb(245,96,162)
```
#f56096
```
#f56096 rgb(245,96,150)
```

Similar Colors

Text with hexadecimal color #f560bb

This text has a font color of #f560bb.

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

#f560bb background color

This paragraph has a background color of #f560bb.

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

#f560bb border color

This element has a border color of #f560bb.

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

CSS codes

.text {color:#f560bb;}

.background {background-color:#f560bb;}

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

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

#070005
```
#070005 rgb(7,0,5)
```
#1a0210
```
#1a0210 rgb(26,2,16)
```
#2c031c
```
#2c031c rgb(44,3,28)
```
#3e0428
```
#3e0428 rgb(62,4,40)
```
#510533
```
#510533 rgb(81,5,51)
```
#63063f
```
#63063f rgb(99,6,63)
```
#76074b
```
#76074b rgb(118,7,75)
```
#880957
```
#880957 rgb(136,9,87)
```
#9b0a62
```
#9b0a62 rgb(155,10,98)
```
#ad0b6e
```
#ad0b6e rgb(173,11,110)
```
#c00c7a
```
#c00c7a rgb(192,12,122)
```
#d20d85
```
#d20d85 rgb(210,13,133)
```
#e50e91
```
#e50e91 rgb(229,14,145)
```

Shade Color Variation

#f0169b
```
#f0169b rgb(240,22,155)
```
#f229a3
```
#f229a3 rgb(242,41,163)
```
#f33bab
```
#f33bab rgb(243,59,171)
```
#f44eb3
```
#f44eb3 rgb(244,78,179)
```
#f560bb
```
#f560bb rgb(245,96,187)
```
#f672c3
```
#f672c3 rgb(246,114,195)
```
#f785cb
```
#f785cb rgb(247,133,203)
```
#f897d3
```
#f897d3 rgb(248,151,211)
```
#faaadb
```
#faaadb rgb(250,170,219)
```
#fbbce2
```
#fbbce2 rgb(251,188,226)
```
#fccfea
```
#fccfea rgb(252,207,234)
```
#fde1f2
```
#fde1f2 rgb(253,225,242)
```
#fef4fa
```
#fef4fa rgb(254,244,250)
```

Tint Color Variation

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

#aea8ab
```
#aea8ab rgb(174,168,171)
```
#b4a1ad
```
#b4a1ad rgb(180,161,173)
```
#bb9bae
```
#bb9bae rgb(187,155,174)
```
#c194af
```
#c194af rgb(193,148,175)
```
#c88eb1
```
#c88eb1 rgb(200,142,177)
```
#ce87b2
```
#ce87b2 rgb(206,135,178)
```
#d581b4
```
#d581b4 rgb(213,129,180)
```
#db7ab5
```
#db7ab5 rgb(219,122,181)
```
#e274b7
```
#e274b7 rgb(226,116,183)
```
#e86db8
```
#e86db8 rgb(232,109,184)
```
#ef67ba
```
#ef67ba rgb(239,103,186)
```
#f560bb
```
#f560bb rgb(245,96,187)
```
#fc5abc
```
#fc5abc rgb(252,90,188)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#aa8c9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#859bde Protanopia 1% of men
#a199b2 Deuteranopia 1% of men
#ef787f Tritanopia 0.001% of the population

Trichromacy

#ad85d1 Protanomaly 1% of men, 0.01% of women
#bf84b5 Deuteranomaly 6% of men, 0.4% of women
#f16f95 Tritanomaly 0.01% of the population

#f560bb hex color

#f560bb Color Information

#f560bb Color Conversion

Color Schemes with #f560bb

Alternatives to #f560bb

#f560bb Preview

Shades and Tints of #f560bb

Tones of #f560bb

Color Blindness Simulator