colorhexa.com

#d564f9 hex color

In a RGB color space, hex #d564f9 is composed of 83.5% red, 39.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 59.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 285.5 degrees, a saturation of 92.5% and a lightness of 68.4%. #d564f9 color hex could be obtained by blending #ffc8ff with #ab00f3. Closest websafe color is: #cc66ff.

- R 84
- G 39
- B 98
RGB color chart
- C 14
- M 60
- Y 0
- K 2
CMYK color chart

● #d564f9 color description : Soft magenta.

The hexadecimal color #d564f9 has RGB values of R:213, G:100, B:249 and CMYK values of C:0.14, M:0.6, Y:0, K:0.02. Its decimal value is 13985017.

Hex triplet	d564f9	`#d564f9`
RGB Decimal	213, 100, 249	`rgb(213,100,249)`
RGB Percent	83.5, 39.2, 97.6	`rgb(83.5%,39.2%,97.6%)`
CMYK	14, 60, 0, 2
HSL	285.5°, 92.5, 68.4	`hsl(285.5,92.5%,68.4%)`
HSV (or HSB)	285.5°, 59.8, 97.6
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	61.742, 66.081, -55.614
XYZ	49.095, 30.102, 92.842
xyY	0.285, 0.175, 30.102
CIE-LCH	61.742, 86.369, 319.916
CIE-LUV	61.742, 43.506, -96.821
Hunter-Lab	54.865, 63.712, -61.924
Binary	11010101, 01100100, 11111001

#d564f9
```
#d564f9 rgb(213,100,249)
```
#88f964
```
#88f964 rgb(136,249,100)
```

Complementary Color

#8b64f9
```
#8b64f9 rgb(139,100,249)
```
#d564f9
```
#d564f9 rgb(213,100,249)
```
#f964d3
```
#f964d3 rgb(249,100,211)
```

Analogous Color

#64f98b
```
#64f98b rgb(100,249,139)
```
#d564f9
```
#d564f9 rgb(213,100,249)
```
#d3f964
```
#d3f964 rgb(211,249,100)
```

Split Complementary Color

#64f9d5
```
#64f9d5 rgb(100,249,213)
```
#d564f9
```
#d564f9 rgb(213,100,249)
```
#f9d564
```
#f9d564 rgb(249,213,100)
```

Triadic Color

#6488f9
```
#6488f9 rgb(100,136,249)
```
#d564f9
```
#d564f9 rgb(213,100,249)
```
#f9d564
```
#f9d564 rgb(249,213,100)
```
#88f964
```
#88f964 rgb(136,249,100)
```

Tetradic Color

#c11af6
```
#c11af6 rgb(193,26,246)
```
#c833f7
```
#c833f7 rgb(200,51,247)
```
#ce4bf8
```
#ce4bf8 rgb(206,75,248)
```
#d564f9
```
#d564f9 rgb(213,100,249)
```
#dc7dfa
```
#dc7dfa rgb(220,125,250)
```
#e295fb
```
#e295fb rgb(226,149,251)
```
#e9aefc
```
#e9aefc rgb(233,174,252)
```

Monochromatic Color

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

#b064f9
```
#b064f9 rgb(176,100,249)
```
#bc64f9
```
#bc64f9 rgb(188,100,249)
```
#c964f9
```
#c964f9 rgb(201,100,249)
```
#d564f9
```
#d564f9 rgb(213,100,249)
```
#e164f9
```
#e164f9 rgb(225,100,249)
```
#ee64f9
```
#ee64f9 rgb(238,100,249)
```
#f964f8
```
#f964f8 rgb(249,100,248)
```

Similar Colors

Text with hexadecimal color #d564f9

This text has a font color of #d564f9.

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

#d564f9 background color

This paragraph has a background color of #d564f9.

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

#d564f9 border color

This element has a border color of #d564f9.

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

CSS codes

.text {color:#d564f9;}

.background {background-color:#d564f9;}

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

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

#0b010f
```
#0b010f rgb(11,1,15)
```
#1a0122
```
#1a0122 rgb(26,1,34)
```
#280235
```
#280235 rgb(40,2,53)
```
#370348
```
#370348 rgb(55,3,72)
```
#45045a
```
#45045a rgb(69,4,90)
```
#54046d
```
#54046d rgb(84,4,109)
```
#620580
```
#620580 rgb(98,5,128)
```
#710693
```
#710693 rgb(113,6,147)
```
#7f06a6
```
#7f06a6 rgb(127,6,166)
```
#8e07b9
```
#8e07b9 rgb(142,7,185)
```
#9c08cc
```
#9c08cc rgb(156,8,204)
```
#ab09df
```
#ab09df rgb(171,9,223)
```
#b909f2
```
#b909f2 rgb(185,9,242)
```

Shade Color Variation

#c118f6
```
#c118f6 rgb(193,24,246)
```
#c62bf7
```
#c62bf7 rgb(198,43,247)
```
#cb3ef8
```
#cb3ef8 rgb(203,62,248)
```
#d051f8
```
#d051f8 rgb(208,81,248)
```
#d564f9
```
#d564f9 rgb(213,100,249)
```
#da77fa
```
#da77fa rgb(218,119,250)
```
#df8afa
```
#df8afa rgb(223,138,250)
```
#e49dfb
```
#e49dfb rgb(228,157,251)
```
#e9b0fc
```
#e9b0fc rgb(233,176,252)
```
#efc2fd
```
#efc2fd rgb(239,194,253)
```
#f4d5fd
```
#f4d5fd rgb(244,213,253)
```
#f9e8fe
```
#f9e8fe rgb(249,232,254)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

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

#afaeaf
```
#afaeaf rgb(175,174,175)
```
#b2a8b5
```
#b2a8b5 rgb(178,168,181)
```
#b5a2bb
```
#b5a2bb rgb(181,162,187)
```
#b89cc1
```
#b89cc1 rgb(184,156,193)
```
#bb96c7
```
#bb96c7 rgb(187,150,199)
```
#bf8fce
```
#bf8fce rgb(191,143,206)
```
#c289d4
```
#c289d4 rgb(194,137,212)
```
#c583da
```
#c583da rgb(197,131,218)
```
#c87de0
```
#c87de0 rgb(200,125,224)
```
#cb77e6
```
#cb77e6 rgb(203,119,230)
```
#cf70ed
```
#cf70ed rgb(207,112,237)
```
#d26af3
```
#d26af3 rgb(210,106,243)
```
#d564f9
```
#d564f9 rgb(213,100,249)
```

Tone Color Variation

Below, you can see how #d564f9 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
#a38dab Atypical Achromatopsia 0.001% of the population

Dichromacy

#6697ff Protanopia 1% of men
#699aea Deuteranopia 1% of men
#c68a94 Tritanopia 0.001% of the population

Trichromacy

#8e84fc Protanomaly 1% of men, 0.01% of women
#9086ef Deuteranomaly 6% of men, 0.4% of women
#cb7cb8 Tritanomaly 0.01% of the population