#f564c0 hex color

In a RGB color space, hex #f564c0 is composed of 96.1% red, 39.2% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.2% magenta, 21.6% yellow and 3.9% black. It has a hue angle of 321.9 degrees, a saturation of 87.9% and a lightness of 67.6%. #f564c0 color hex could be obtained by blending #ffc8ff with #eb0081. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 96
- G 39
- B 75
RGB color chart
- C 0
- M 59
- Y 22
- K 4
CMYK color chart

● #f564c0 color description : Soft pink.

The hexadecimal color #f564c0 has RGB values of R:245, G:100, B:192 and CMYK values of C:0, M:0.59, Y:0.22, K:0.04. Its decimal value is 16082112.

Hex triplet	f564c0	`#f564c0`
RGB Decimal	245, 100, 192	`rgb(245,100,192)`
RGB Percent	96.1, 39.2, 75.3	`rgb(96.1%,39.2%,75.3%)`
CMYK	0, 59, 22, 4
HSL	321.9°, 87.9, 67.6	`hsl(321.9,87.9%,67.6%)`
HSV (or HSB)	321.9°, 59.2, 96.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	63.62, 65.035, -20.429
XYZ	51.728, 32.336, 53.384
xyY	0.376, 0.235, 32.336
CIE-LCH	63.62, 68.168, 342.561
CIE-LUV	63.62, 81.922, -41.971
Hunter-Lab	56.865, 62.86, -15.854
Binary	11110101, 01100100, 11000000

#f564c0
```
#f564c0 rgb(245,100,192)
```
#64f599
```
#64f599 rgb(100,245,153)
```

Complementary Color

#e264f5
```
#e264f5 rgb(226,100,245)
```
#f564c0
```
#f564c0 rgb(245,100,192)
```
#f56478
```
#f56478 rgb(245,100,120)
```

Analogous Color

#64f5e2
```
#64f5e2 rgb(100,245,226)
```
#f564c0
```
#f564c0 rgb(245,100,192)
```
#78f564
```
#78f564 rgb(120,245,100)
```

Split Complementary Color

#64c0f5
```
#64c0f5 rgb(100,192,245)
```
#f564c0
```
#f564c0 rgb(245,100,192)
```
#c0f564
```
#c0f564 rgb(192,245,100)
```

Triadic Color

#9964f5
```
#9964f5 rgb(153,100,245)
```
#f564c0
```
#f564c0 rgb(245,100,192)
```
#c0f564
```
#c0f564 rgb(192,245,100)
```
#64f599
```
#64f599 rgb(100,245,153)
```

Tetradic Color

#f01ca3
```
#f01ca3 rgb(240,28,163)
```
#f234ad
```
#f234ad rgb(242,52,173)
```
#f34cb6
```
#f34cb6 rgb(243,76,182)
```
#f564c0
```
#f564c0 rgb(245,100,192)
```
#f77cca
```
#f77cca rgb(247,124,202)
```
#f894d3
```
#f894d3 rgb(248,148,211)
```
#faacdd
```
#faacdd rgb(250,172,221)
```

Monochromatic Color

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

#f564e4
```
#f564e4 rgb(245,100,228)
```
#f564d8
```
#f564d8 rgb(245,100,216)
```
#f564cc
```
#f564cc rgb(245,100,204)
```
#f564c0
```
#f564c0 rgb(245,100,192)
```
#f564b4
```
#f564b4 rgb(245,100,180)
```
#f564a8
```
#f564a8 rgb(245,100,168)
```
#f5649c
```
#f5649c rgb(245,100,156)
```

Similar Colors

Text with hexadecimal color #f564c0

This text has a font color of #f564c0.

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

#f564c0 background color

This paragraph has a background color of #f564c0.

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

#f564c0 border color

This element has a border color of #f564c0.

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

CSS codes

.text {color:#f564c0;}

.background {background-color:#f564c0;}

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

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, #0b0107 is the darkest color, while #fff7fc is the lightest one.

#0b0107
```
#0b0107 rgb(11,1,7)
```
#1d0213
```
#1d0213 rgb(29,2,19)
```
#30031f
```
#30031f rgb(48,3,31)
```
#42042c
```
#42042c rgb(66,4,44)
```
#550538
```
#550538 rgb(85,5,56)
```
#670744
```
#670744 rgb(103,7,68)
```
#790850
```
#790850 rgb(121,8,80)
```
#8c095c
```
#8c095c rgb(140,9,92)
```
#9e0a68
```
#9e0a68 rgb(158,10,104)
```
#b10b74
```
#b10b74 rgb(177,11,116)
```
#c30d80
```
#c30d80 rgb(195,13,128)
```
#d60e8d
```
#d60e8d rgb(214,14,141)
```
#e80f99
```
#e80f99 rgb(232,15,153)
```

Shade Color Variation

#f01aa2
```
#f01aa2 rgb(240,26,162)
```
#f12daa
```
#f12daa rgb(241,45,170)
```
#f33fb1
```
#f33fb1 rgb(243,63,177)
```
#f452b9
```
#f452b9 rgb(244,82,185)
```
#f564c0
```
#f564c0 rgb(245,100,192)
```
#f676c7
```
#f676c7 rgb(246,118,199)
```
#f789cf
```
#f789cf rgb(247,137,207)
```
#f99bd6
```
#f99bd6 rgb(249,155,214)
```
#faaede
```
#faaede rgb(250,174,222)
```
#fbc0e5
```
#fbc0e5 rgb(251,192,229)
```
#fcd3ed
```
#fcd3ed rgb(252,211,237)
```
#fde5f4
```
#fde5f4 rgb(253,229,244)
```
#fff7fc
```
#fff7fc rgb(255,247,252)
```

Tint Color Variation

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

#afaaad
```
#afaaad rgb(175,170,173)
```
#b6a3af
```
#b6a3af rgb(182,163,175)
```
#bc9db1
```
#bc9db1 rgb(188,157,177)
```
#c297b2
```
#c297b2 rgb(194,151,178)
```
#c990b4
```
#c990b4 rgb(201,144,180)
```
#cf8ab6
```
#cf8ab6 rgb(207,138,182)
```
#d584b7
```
#d584b7 rgb(213,132,183)
```
#dc7db9
```
#dc7db9 rgb(220,125,185)
```
#e277bb
```
#e277bb rgb(226,119,187)
```
#e871bd
```
#e871bd rgb(232,113,189)
```
#ef6abe
```
#ef6abe rgb(239,106,190)
```
#f564c0
```
#f564c0 rgb(245,100,192)
```
#fb5ec2
```
#fb5ec2 rgb(251,94,194)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#ac8fa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#869de2 Protanopia 1% of men
#a19bb7 Deuteranopia 1% of men
#ef7b83 Tritanopia 0.001% of the population

Trichromacy

#ae88d5 Protanomaly 1% of men, 0.01% of women
#c087ba Deuteranomaly 6% of men, 0.4% of women
#f17399 Tritanomaly 0.01% of the population

#f564c0 hex color

#f564c0 Color Information

#f564c0 Color Conversion

Color Schemes with #f564c0

Alternatives to #f564c0

#f564c0 Preview

Shades and Tints of #f564c0

Tones of #f564c0

Color Blindness Simulator