#f560b4 hex color

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

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

● #f560b4 color description : Soft pink.

The hexadecimal color #f560b4 has RGB values of R:245, G:96, B:180 and CMYK values of C:0, M:0.61, Y:0.27, K:0.04. Its decimal value is 16081076.

Hex triplet	f560b4	`#f560b4`
RGB Decimal	245, 96, 180	`rgb(245,96,180)`
RGB Percent	96.1, 37.6, 70.6	`rgb(96.1%,37.6%,70.6%)`
CMYK	0, 61, 27, 4
HSL	326.2°, 88.2, 66.9	`hsl(326.2,88.2%,66.9%)`
HSV (or HSB)	326.2°, 60.8, 96.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	62.573, 65.159, -15.184
XYZ	50.078, 31.077, 46.539
xyY	0.392, 0.243, 31.077
CIE-LCH	62.573, 66.905, 346.883
CIE-LUV	62.573, 87.509, -34.063
Hunter-Lab	55.747, 62.789, -10.473
Binary	11110101, 01100000, 10110100

#f560b4
```
#f560b4 rgb(245,96,180)
```
#60f5a1
```
#60f5a1 rgb(96,245,161)
```

Complementary Color

#ec60f5
```
#ec60f5 rgb(236,96,245)
```
#f560b4
```
#f560b4 rgb(245,96,180)
```
#f5606a
```
#f5606a rgb(245,96,106)
```

Analogous Color

#60f5ec
```
#60f5ec rgb(96,245,236)
```
#f560b4
```
#f560b4 rgb(245,96,180)
```
#6af560
```
#6af560 rgb(106,245,96)
```

Split Complementary Color

#60b4f5
```
#60b4f5 rgb(96,180,245)
```
#f560b4
```
#f560b4 rgb(245,96,180)
```
#b4f560
```
#b4f560 rgb(180,245,96)
```

Triadic Color

#a160f5
```
#a160f5 rgb(161,96,245)
```
#f560b4
```
#f560b4 rgb(245,96,180)
```
#b4f560
```
#b4f560 rgb(180,245,96)
```
#60f5a1
```
#60f5a1 rgb(96,245,161)
```

Tetradic Color

#f01892
```
#f01892 rgb(240,24,146)
```
#f2309d
```
#f2309d rgb(242,48,157)
```
#f348a9
```
#f348a9 rgb(243,72,169)
```
#f560b4
```
#f560b4 rgb(245,96,180)
```
#f778bf
```
#f778bf rgb(247,120,191)
```
#f890cb
```
#f890cb rgb(248,144,203)
```
#faa8d6
```
#faa8d6 rgb(250,168,214)
```

Monochromatic Color

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

#f560d9
```
#f560d9 rgb(245,96,217)
```
#f560cd
```
#f560cd rgb(245,96,205)
```
#f560c0
```
#f560c0 rgb(245,96,192)
```
#f560b4
```
#f560b4 rgb(245,96,180)
```
#f560a8
```
#f560a8 rgb(245,96,168)
```
#f5609b
```
#f5609b rgb(245,96,155)
```
#f5608f
```
#f5608f rgb(245,96,143)
```

Similar Colors

Text with hexadecimal color #f560b4

This text has a font color of #f560b4.

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

#f560b4 background color

This paragraph has a background color of #f560b4.

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

#f560b4 border color

This element has a border color of #f560b4.

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

CSS codes

.text {color:#f560b4;}

.background {background-color:#f560b4;}

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

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

#070004
```
#070004 rgb(7,0,4)
```
#1a020f
```
#1a020f rgb(26,2,15)
```
#2c031a
```
#2c031a rgb(44,3,26)
```
#3e0425
```
#3e0425 rgb(62,4,37)
```
#510530
```
#510530 rgb(81,5,48)
```
#63063b
```
#63063b rgb(99,6,59)
```
#760746
```
#760746 rgb(118,7,70)
```
#880951
```
#880951 rgb(136,9,81)
```
#9b0a5b
```
#9b0a5b rgb(155,10,91)
```
#ad0b66
```
#ad0b66 rgb(173,11,102)
```
#c00c71
```
#c00c71 rgb(192,12,113)
```
#d20d7c
```
#d20d7c rgb(210,13,124)
```
#e50e87
```
#e50e87 rgb(229,14,135)
```

Shade Color Variation

#f01691
```
#f01691 rgb(240,22,145)
```
#f2299a
```
#f2299a rgb(242,41,154)
```
#f33ba3
```
#f33ba3 rgb(243,59,163)
```
#f44eab
```
#f44eab rgb(244,78,171)
```
#f560b4
```
#f560b4 rgb(245,96,180)
```
#f672bd
```
#f672bd rgb(246,114,189)
```
#f785c5
```
#f785c5 rgb(247,133,197)
```
#f897ce
```
#f897ce rgb(248,151,206)
```
#faaad7
```
#faaad7 rgb(250,170,215)
```
#fbbce0
```
#fbbce0 rgb(251,188,224)
```
#fccfe8
```
#fccfe8 rgb(252,207,232)
```
#fde1f1
```
#fde1f1 rgb(253,225,241)
```
#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 #fc5ab5 is the most saturated one.

#aea8ab
```
#aea8ab rgb(174,168,171)
```
#b4a1ac
```
#b4a1ac rgb(180,161,172)
```
#bb9bad
```
#bb9bad rgb(187,155,173)
```
#c194ad
```
#c194ad rgb(193,148,173)
```
#c88eae
```
#c88eae rgb(200,142,174)
```
#ce87af
```
#ce87af rgb(206,135,175)
```
#d581b0
```
#d581b0 rgb(213,129,176)
```
#db7ab1
```
#db7ab1 rgb(219,122,177)
```
#e274b2
```
#e274b2 rgb(226,116,178)
```
#e86db2
```
#e86db2 rgb(232,109,178)
```
#ef67b3
```
#ef67b3 rgb(239,103,179)
```
#f560b4
```
#f560b4 rgb(245,96,180)
```
#fc5ab5
```
#fc5ab5 rgb(252,90,181)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a98b9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#889ad6 Protanopia 1% of men
#a398ac Deuteranopia 1% of men
#f0767d Tritanopia 0.001% of the population

Trichromacy

#b085ca Protanomaly 1% of men, 0.01% of women
#c184ae Deuteranomaly 6% of men, 0.4% of women
#f16e91 Tritanomaly 0.01% of the population

#f560b4 hex color

#f560b4 Color Information

#f560b4 Color Conversion

Color Schemes with #f560b4

Alternatives to #f560b4

#f560b4 Preview

Shades and Tints of #f560b4

Tones of #f560b4

Color Blindness Simulator