#f564b4 Color Information
In a RGB color space, hex #f564b4 is composed of 96.1% red, 39.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.2% magenta, 26.5% yellow and 3.9% black. It has a hue angle of 326.9 degrees, a saturation of 87.9% and a lightness of 67.6%. #f564b4 color hex could be obtained by blending #ffc8ff with #eb0069. Closest websafe color is: #ff66cc.
-
- R 96
- G 39
- B 71
-
- C 0
- M 59
- Y 27
- K 4
● #f564b4 color description : Soft pink.
#f564b4 Color Conversion
The hexadecimal color #f564b4 has RGB values of R:245, G:100, B:180 and CMYK values of C:0, M:0.59, Y:0.27, K:0.04. Its decimal value is 16082100.
Hex triplet | f564b4 | #f564b4 |
---|---|---|
RGB Decimal | 245, 100, 180 | rgb(245,100,180) |
RGB Percent | 96.1, 39.2, 70.6 | rgb(96.1%,39.2%,70.6%) |
CMYK | 0, 59, 27, 4 | |
HSL | 326.9°, 87.9, 67.6 | hsl(326.9,87.9%,67.6%) |
HSV (or HSB) | 326.9°, 59.2, 96.1 | |
Web Safe | ff66cc | #ff66cc |
CIE-LAB | 63.199, 63.465, -14.239 |
---|---|
XYZ | 50.452, 31.826, 46.664 |
xyY | 0.391, 0.247, 31.826 |
CIE-LCH | 63.199, 65.043, 347.354 |
CIE-LUV | 63.199, 85.726, -32.399 |
Hunter-Lab | 56.415, 60.908, -9.552 |
Binary | 11110101, 01100100, 10110100 |
Color Schemes with #f564b4
Alternatives to #f564b4
Below, you can see some colors close to #f564b4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f564b4 Preview
This text has a font color of #f564b4.
<span style="color:#f564b4;">Text here</span>
This paragraph has a background color of #f564b4.
<p style="background-color:#f564b4;">Content here</p>
This element has a border color of #f564b4.
<div style="border:1px solid #f564b4;">Content here</div>
.text {color:#f564b4;}
.background {background-color:#f564b4;}
.border {border:1px solid #f564b4;}
Shades and Tints of #f564b4
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, #0b0106 is the darkest color, while #fff7fb is the lightest one.
-
#0b0106
#0b0106
rgb(11,1,6)
-
#1d0211
#1d0211
rgb(29,2,17)
-
#30031c
#30031c
rgb(48,3,28)
-
#420426
#420426
rgb(66,4,38)
-
#550531
#550531
rgb(85,5,49)
-
#67073c
#67073c
rgb(103,7,60)
-
#790846
#790846
rgb(121,8,70)
-
#8c0951
#8c0951
rgb(140,9,81)
-
#9e0a5c
#9e0a5c
rgb(158,10,92)
-
#b10b67
#b10b67
rgb(177,11,103)
-
#c30d71
#c30d71
rgb(195,13,113)
-
#d60e7c
#d60e7c
rgb(214,14,124)
-
#e80f87
#e80f87
rgb(232,15,135)
-
#f01a90
#f01a90
rgb(240,26,144)
-
#f12d99
#f12d99
rgb(241,45,153)
-
#f33fa2
#f33fa2
rgb(243,63,162)
-
#f452ab
#f452ab
rgb(244,82,171)
-
#f564b4
#f564b4
rgb(245,100,180)
-
#f676bd
#f676bd
rgb(246,118,189)
-
#f789c6
#f789c6
rgb(247,137,198)
-
#f99bcf
#f99bcf
rgb(249,155,207)
-
#faaed8
#faaed8
rgb(250,174,216)
-
#fbc0e1
#fbc0e1
rgb(251,192,225)
-
#fcd3e9
#fcd3e9
rgb(252,211,233)
-
#fde5f2
#fde5f2
rgb(253,229,242)
-
#fff7fb
#fff7fb
rgb(255,247,251)
Tones of #f564b4
A tone is produced by adding gray to any pure hue. In this case, #afaaad is the less saturated color, while #fb5eb5 is the most saturated one.
-
#afaaad
#afaaad
rgb(175,170,173)
-
#b6a3ad
#b6a3ad
rgb(182,163,173)
-
#bc9dae
#bc9dae
rgb(188,157,174)
-
#c297af
#c297af
rgb(194,151,175)
-
#c990af
#c990af
rgb(201,144,175)
-
#cf8ab0
#cf8ab0
rgb(207,138,176)
-
#d584b1
#d584b1
rgb(213,132,177)
-
#dc7db1
#dc7db1
rgb(220,125,177)
-
#e277b2
#e277b2
rgb(226,119,178)
-
#e871b3
#e871b3
rgb(232,113,179)
-
#ef6ab3
#ef6ab3
rgb(239,106,179)
-
#f564b4
#f564b4
rgb(245,100,180)
-
#fb5eb5
#fb5eb5
rgb(251,94,181)
Color Blindness Simulator
Below, you can see how #f564b4 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.