#f564cb hex color

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

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

● #f564cb color description : Soft pink.

The hexadecimal color #f564cb has RGB values of R:245, G:100, B:203 and CMYK values of C:0, M:0.59, Y:0.17, K:0.04. Its decimal value is 16082123.

Hex triplet	f564cb	`#f564cb`
RGB Decimal	245, 100, 203	`rgb(245,100,203)`
RGB Percent	96.1, 39.2, 79.6	`rgb(96.1%,39.2%,79.6%)`
CMYK	0, 59, 17, 4
HSL	317.4°, 87.9, 67.6	`hsl(317.4,87.9%,67.6%)`
HSV (or HSB)	317.4°, 59.2, 96.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	64.033, 66.554, -26.021
XYZ	52.993, 32.842, 60.045
xyY	0.363, 0.225, 32.842
CIE-LCH	64.033, 71.461, 338.646
CIE-LUV	64.033, 78.437, -50.834
Hunter-Lab	57.308, 64.769, -22.006
Binary	11110101, 01100100, 11001011

#f564cb
```
#f564cb rgb(245,100,203)
```
#64f58e
```
#64f58e rgb(100,245,142)
```

Complementary Color

#d764f5
```
#d764f5 rgb(215,100,245)
```
#f564cb
```
#f564cb rgb(245,100,203)
```
#f56483
```
#f56483 rgb(245,100,131)
```

Analogous Color

#64f5d7
```
#64f5d7 rgb(100,245,215)
```
#f564cb
```
#f564cb rgb(245,100,203)
```
#83f564
```
#83f564 rgb(131,245,100)
```

Split Complementary Color

#64cbf5
```
#64cbf5 rgb(100,203,245)
```
#f564cb
```
#f564cb rgb(245,100,203)
```
#cbf564
```
#cbf564 rgb(203,245,100)
```

Triadic Color

#8e64f5
```
#8e64f5 rgb(142,100,245)
```
#f564cb
```
#f564cb rgb(245,100,203)
```
#cbf564
```
#cbf564 rgb(203,245,100)
```
#64f58e
```
#64f58e rgb(100,245,142)
```

Tetradic Color

#f01cb3
```
#f01cb3 rgb(240,28,179)
```
#f234bb
```
#f234bb rgb(242,52,187)
```
#f34cc3
```
#f34cc3 rgb(243,76,195)
```
#f564cb
```
#f564cb rgb(245,100,203)
```
#f77cd3
```
#f77cd3 rgb(247,124,211)
```
#f894db
```
#f894db rgb(248,148,219)
```
#faace3
```
#faace3 rgb(250,172,227)
```

Monochromatic Color

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

#f564ef
```
#f564ef rgb(245,100,239)
```
#f564e3
```
#f564e3 rgb(245,100,227)
```
#f564d7
```
#f564d7 rgb(245,100,215)
```
#f564cb
```
#f564cb rgb(245,100,203)
```
#f564bf
```
#f564bf rgb(245,100,191)
```
#f564b3
```
#f564b3 rgb(245,100,179)
```
#f564a7
```
#f564a7 rgb(245,100,167)
```

Similar Colors

Text with hexadecimal color #f564cb

This text has a font color of #f564cb.

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

#f564cb background color

This paragraph has a background color of #f564cb.

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

#f564cb border color

This element has a border color of #f564cb.

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

CSS codes

.text {color:#f564cb;}

.background {background-color:#f564cb;}

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

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

#0b0108
```
#0b0108 rgb(11,1,8)
```
#1d0215
```
#1d0215 rgb(29,2,21)
```
#300323
```
#300323 rgb(48,3,35)
```
#420430
```
#420430 rgb(66,4,48)
```
#55053e
```
#55053e rgb(85,5,62)
```
#67074b
```
#67074b rgb(103,7,75)
```
#790859
```
#790859 rgb(121,8,89)
```
#8c0966
```
#8c0966 rgb(140,9,102)
```
#9e0a73
```
#9e0a73 rgb(158,10,115)
```
#b10b81
```
#b10b81 rgb(177,11,129)
```
#c30d8e
```
#c30d8e rgb(195,13,142)
```
#d60e9c
```
#d60e9c rgb(214,14,156)
```
#e80fa9
```
#e80fa9 rgb(232,15,169)
```

Shade Color Variation

#f01ab2
```
#f01ab2 rgb(240,26,178)
```
#f12db8
```
#f12db8 rgb(241,45,184)
```
#f33fbf
```
#f33fbf rgb(243,63,191)
```
#f452c5
```
#f452c5 rgb(244,82,197)
```
#f564cb
```
#f564cb rgb(245,100,203)
```
#f676d1
```
#f676d1 rgb(246,118,209)
```
#f789d7
```
#f789d7 rgb(247,137,215)
```
#f99bde
```
#f99bde rgb(249,155,222)
```
#faaee4
```
#faaee4 rgb(250,174,228)
```
#fbc0ea
```
#fbc0ea rgb(251,192,234)
```
#fcd3f0
```
#fcd3f0 rgb(252,211,240)
```
#fde5f6
```
#fde5f6 rgb(253,229,246)
```
#fff7fc
```
#fff7fc rgb(255,247,252)
```

Tint Color Variation

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

#afaaae
```
#afaaae rgb(175,170,174)
```
#b6a3b0
```
#b6a3b0 rgb(182,163,176)
```
#bc9db3
```
#bc9db3 rgb(188,157,179)
```
#c297b6
```
#c297b6 rgb(194,151,182)
```
#c990b8
```
#c990b8 rgb(201,144,184)
```
#cf8abb
```
#cf8abb rgb(207,138,187)
```
#d584be
```
#d584be rgb(213,132,190)
```
#dc7dc0
```
#dc7dc0 rgb(220,125,192)
```
#e277c3
```
#e277c3 rgb(226,119,195)
```
#e871c6
```
#e871c6 rgb(232,113,198)
```
#ef6ac8
```
#ef6ac8 rgb(239,106,200)
```
#f564cb
```
#f564cb rgb(245,100,203)
```
#fb5ece
```
#fb5ece rgb(251,94,206)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#ad90a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#809dee Protanopia 1% of men
#9d9dc1 Deuteranopia 1% of men
#ed7e86 Tritanopia 0.001% of the population

Trichromacy

#aa88e1 Protanomaly 1% of men, 0.01% of women
#bd88c4 Deuteranomaly 6% of men, 0.4% of women
#f0749f Tritanomaly 0.01% of the population

#f564cb hex color

#f564cb Color Information

#f564cb Color Conversion

Color Schemes with #f564cb

Alternatives to #f564cb

#f564cb Preview

Shades and Tints of #f564cb

Tones of #f564cb

Color Blindness Simulator