#c564f7 hex color

In a RGB color space, hex #c564f7 is composed of 77.3% red, 39.2% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 59.5% magenta, 0% yellow and 3.1% black. It has a hue angle of 279.6 degrees, a saturation of 90.2% and a lightness of 68%. #c564f7 color hex could be obtained by blending #ffc8ff with #8b00ef. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 77
- G 39
- B 97
RGB color chart
- C 20
- M 60
- Y 0
- K 3
CMYK color chart

● #c564f7 color description : Soft violet.

The hexadecimal color #c564f7 has RGB values of R:197, G:100, B:247 and CMYK values of C:0.2, M:0.6, Y:0, K:0.03. Its decimal value is 12936439.

Hex triplet	c564f7	`#c564f7`
RGB Decimal	197, 100, 247	`rgb(197,100,247)`
RGB Percent	77.3, 39.2, 96.9	`rgb(77.3%,39.2%,96.9%)`
CMYK	20, 60, 0, 3
HSL	279.6°, 90.2, 68	`hsl(279.6,90.2%,68%)`
HSV (or HSB)	279.6°, 59.5, 96.9
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	59.618, 61.93, -58.014
XYZ	44.369, 27.701, 91
xyY	0.272, 0.17, 27.701
CIE-LCH	59.618, 84.858, 316.87
CIE-LUV	59.618, 34.351, -99.328
Hunter-Lab	52.632, 58.371, -65.669
Binary	11000101, 01100100, 11110111

#c564f7
```
#c564f7 rgb(197,100,247)
```
#96f764
```
#96f764 rgb(150,247,100)
```

Complementary Color

#7c64f7
```
#7c64f7 rgb(124,100,247)
```
#c564f7
```
#c564f7 rgb(197,100,247)
```
#f764e0
```
#f764e0 rgb(247,100,224)
```

Analogous Color

#64f77c
```
#64f77c rgb(100,247,124)
```
#c564f7
```
#c564f7 rgb(197,100,247)
```
#e0f764
```
#e0f764 rgb(224,247,100)
```

Split Complementary Color

#64f7c5
```
#64f7c5 rgb(100,247,197)
```
#c564f7
```
#c564f7 rgb(197,100,247)
```
#f7c564
```
#f7c564 rgb(247,197,100)
```

Triadic Color

#6496f7
```
#6496f7 rgb(100,150,247)
```
#c564f7
```
#c564f7 rgb(197,100,247)
```
#f7c564
```
#f7c564 rgb(247,197,100)
```
#96f764
```
#96f764 rgb(150,247,100)
```

Tetradic Color

#aa1bf3
```
#aa1bf3 rgb(170,27,243)
```
#b334f4
```
#b334f4 rgb(179,52,244)
```
#bc4cf6
```
#bc4cf6 rgb(188,76,246)
```
#c564f7
```
#c564f7 rgb(197,100,247)
```
#ce7cf8
```
#ce7cf8 rgb(206,124,248)
```
#d794fa
```
#d794fa rgb(215,148,250)
```
#e0adfb
```
#e0adfb rgb(224,173,251)
```

Monochromatic Color

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

#a064f7
```
#a064f7 rgb(160,100,247)
```
#ad64f7
```
#ad64f7 rgb(173,100,247)
```
#b964f7
```
#b964f7 rgb(185,100,247)
```
#c564f7
```
#c564f7 rgb(197,100,247)
```
#d164f7
```
#d164f7 rgb(209,100,247)
```
#de64f7
```
#de64f7 rgb(222,100,247)
```
#ea64f7
```
#ea64f7 rgb(234,100,247)
```

Similar Colors

Text with hexadecimal color #c564f7

This text has a font color of #c564f7.

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

#c564f7 background color

This paragraph has a background color of #c564f7.

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

#c564f7 border color

This element has a border color of #c564f7.

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

CSS codes

.text {color:#c564f7;}

.background {background-color:#c564f7;}

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

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, #09010d is the darkest color, while #fdf9ff is the lightest one.

#09010d
```
#09010d rgb(9,1,13)
```
#150220
```
#150220 rgb(21,2,32)
```
#220332
```
#220332 rgb(34,3,50)
```
#2f0445
```
#2f0445 rgb(47,4,69)
```
#3b0557
```
#3b0557 rgb(59,5,87)
```
#48056a
```
#48056a rgb(72,5,106)
```
#55067d
```
#55067d rgb(85,6,125)
```
#61078f
```
#61078f rgb(97,7,143)
```
#6e08a2
```
#6e08a2 rgb(110,8,162)
```
#7a09b5
```
#7a09b5 rgb(122,9,181)
```
#870ac7
```
#870ac7 rgb(135,10,199)
```
#940bda
```
#940bda rgb(148,11,218)
```
#a00ced
```
#a00ced rgb(160,12,237)
```

Shade Color Variation

#a919f3
```
#a919f3 rgb(169,25,243)
```
#b02cf4
```
#b02cf4 rgb(176,44,244)
```
#b73ff5
```
#b73ff5 rgb(183,63,245)
```
#be51f6
```
#be51f6 rgb(190,81,246)
```
#c564f7
```
#c564f7 rgb(197,100,247)
```
#cc77f8
```
#cc77f8 rgb(204,119,248)
```
#d389f9
```
#d389f9 rgb(211,137,249)
```
#da9cfa
```
#da9cfa rgb(218,156,250)
```
#e1affb
```
#e1affb rgb(225,175,251)
```
#e8c1fc
```
#e8c1fc rgb(232,193,252)
```
#efd4fd
```
#efd4fd rgb(239,212,253)
```
#f6e7fe
```
#f6e7fe rgb(246,231,254)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#afa9b2
```
#afa9b2 rgb(175,169,178)
```
#b1a3b8
```
#b1a3b8 rgb(177,163,184)
```
#b39cbf
```
#b39cbf rgb(179,156,191)
```
#b596c5
```
#b596c5 rgb(181,150,197)
```
#b790cb
```
#b790cb rgb(183,144,203)
```
#b98ad1
```
#b98ad1 rgb(185,138,209)
```
#bb83d8
```
#bb83d8 rgb(187,131,216)
```
#bd7dde
```
#bd7dde rgb(189,125,222)
```
#bf77e4
```
#bf77e4 rgb(191,119,228)
```
#c171ea
```
#c171ea rgb(193,113,234)
```
#c36af1
```
#c36af1 rgb(195,106,241)
```
#c564f7
```
#c564f7 rgb(197,100,247)
```
#c75efd
```
#c75efd rgb(199,94,253)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#9c89a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5991ff Protanopia 1% of men
#5b96e9 Deuteranopia 1% of men
#b58993 Tritanopia 0.001% of the population

Trichromacy

#8081fc Protanomaly 1% of men, 0.01% of women
#8183ee Deuteranomaly 6% of men, 0.4% of women
#bb7cb7 Tritanomaly 0.01% of the population

#c564f7 hex color

#c564f7 Color Information

#c564f7 Color Conversion

Color Schemes with #c564f7

Alternatives to #c564f7

#c564f7 Preview

Shades and Tints of #c564f7

Tones of #c564f7

Color Blindness Simulator