#c564fd hex color

In a RGB color space, hex #c564fd is composed of 77.3% red, 39.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 22.1% cyan, 60.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 278 degrees, a saturation of 97.5% and a lightness of 69.2%. #c564fd color hex could be obtained by blending #ffc8ff with #8b00fb. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 77
- G 39
- B 99
RGB color chart
- C 22
- M 60
- Y 0
- K 1
CMYK color chart

● #c564fd color description : Soft violet.

The hexadecimal color #c564fd has RGB values of R:197, G:100, B:253 and CMYK values of C:0.22, M:0.6, Y:0, K:0.01. Its decimal value is 12936445.

Hex triplet	c564fd	`#c564fd`
RGB Decimal	197, 100, 253	`rgb(197,100,253)`
RGB Percent	77.3, 39.2, 99.2	`rgb(77.3%,39.2%,99.2%)`
CMYK	22, 60, 0, 1
HSL	278°, 97.5, 69.2	`hsl(278,97.5%,69.2%)`
HSV (or HSB)	278°, 60.5, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	59.959, 63.183, -60.786
XYZ	45.31, 28.078, 95.956
xyY	0.268, 0.166, 28.078
CIE-LCH	59.959, 87.675, 316.108
CIE-LUV	59.959, 33.068, -103.937
Hunter-Lab	52.988, 59.905, -70.275
Binary	11000101, 01100100, 11111101

#c564fd
```
#c564fd rgb(197,100,253)
```
#9cfd64
```
#9cfd64 rgb(156,253,100)
```

Complementary Color

#7964fd
```
#7964fd rgb(121,100,253)
```
#c564fd
```
#c564fd rgb(197,100,253)
```
#fd64e9
```
#fd64e9 rgb(253,100,233)
```

Analogous Color

#64fd79
```
#64fd79 rgb(100,253,121)
```
#c564fd
```
#c564fd rgb(197,100,253)
```
#e9fd64
```
#e9fd64 rgb(233,253,100)
```

Split Complementary Color

#64fdc5
```
#64fdc5 rgb(100,253,197)
```
#c564fd
```
#c564fd rgb(197,100,253)
```
#fdc564
```
#fdc564 rgb(253,197,100)
```

Triadic Color

#649cfd
```
#649cfd rgb(100,156,253)
```
#c564fd
```
#c564fd rgb(197,100,253)
```
#fdc564
```
#fdc564 rgb(253,197,100)
```
#9cfd64
```
#9cfd64 rgb(156,253,100)
```

Tetradic Color

#a918fc
```
#a918fc rgb(169,24,252)
```
#b232fc
```
#b232fc rgb(178,50,252)
```
#bc4bfd
```
#bc4bfd rgb(188,75,253)
```
#c564fd
```
#c564fd rgb(197,100,253)
```
#ce7dfd
```
#ce7dfd rgb(206,125,253)
```
#d896fe
```
#d896fe rgb(216,150,254)
```
#e1b0fe
```
#e1b0fe rgb(225,176,254)
```

Monochromatic Color

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

#9f64fd
```
#9f64fd rgb(159,100,253)
```
#ac64fd
```
#ac64fd rgb(172,100,253)
```
#b864fd
```
#b864fd rgb(184,100,253)
```
#c564fd
```
#c564fd rgb(197,100,253)
```
#d264fd
```
#d264fd rgb(210,100,253)
```
#df64fd
```
#df64fd rgb(223,100,253)
```
#eb64fd
```
#eb64fd rgb(235,100,253)
```

Similar Colors

Text with hexadecimal color #c564fd

This text has a font color of #c564fd.

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

#c564fd background color

This paragraph has a background color of #c564fd.

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

#c564fd border color

This element has a border color of #c564fd.

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

CSS codes

.text {color:#c564fd;}

.background {background-color:#c564fd;}

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

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

#0c0013
```
#0c0013 rgb(12,0,19)
```
#190027
```
#190027 rgb(25,0,39)
```
#25013a
```
#25013a rgb(37,1,58)
```
#31014d
```
#31014d rgb(49,1,77)
```
#3e0161
```
#3e0161 rgb(62,1,97)
```
#4a0174
```
#4a0174 rgb(74,1,116)
```
#570287
```
#570287 rgb(87,2,135)
```
#63029b
```
#63029b rgb(99,2,155)
```
#6f02ae
```
#6f02ae rgb(111,2,174)
```
#7c02c2
```
#7c02c2 rgb(124,2,194)
```
#8803d5
```
#8803d5 rgb(136,3,213)
```
#9403e8
```
#9403e8 rgb(148,3,232)
```
#a103fc
```
#a103fc rgb(161,3,252)
```

Shade Color Variation

#a817fc
```
#a817fc rgb(168,23,252)
```
#af2afc
```
#af2afc rgb(175,42,252)
```
#b73dfd
```
#b73dfd rgb(183,61,253)
```
#be51fd
```
#be51fd rgb(190,81,253)
```
#c564fd
```
#c564fd rgb(197,100,253)
```
#cc77fd
```
#cc77fd rgb(204,119,253)
```
#d38bfd
```
#d38bfd rgb(211,139,253)
```
#db9efe
```
#db9efe rgb(219,158,254)
```
#e2b1fe
```
#e2b1fe rgb(226,177,254)
```
#e9c5fe
```
#e9c5fe rgb(233,197,254)
```
#f0d8fe
```
#f0d8fe rgb(240,216,254)
```
#f8ecff
```
#f8ecff rgb(248,236,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b2acb5
```
#b2acb5 rgb(178,172,181)
```
#b3a6bb
```
#b3a6bb rgb(179,166,187)
```
#b5a0c1
```
#b5a0c1 rgb(181,160,193)
```
#b69ac7
```
#b69ac7 rgb(182,154,199)
```
#b894cd
```
#b894cd rgb(184,148,205)
```
#ba8ed3
```
#ba8ed3 rgb(186,142,211)
```
#bb88d9
```
#bb88d9 rgb(187,136,217)
```
#bd82df
```
#bd82df rgb(189,130,223)
```
#bf7ce5
```
#bf7ce5 rgb(191,124,229)
```
#c076eb
```
#c076eb rgb(192,118,235)
```
#c270f1
```
#c270f1 rgb(194,112,241)
```
#c36af7
```
#c36af7 rgb(195,106,247)
```
#c564fd
```
#c564fd rgb(197,100,253)
```

Tone Color Variation

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

Dichromacy

#5b92ff Protanopia 1% of men
#5497ee Deuteranopia 1% of men
#b48b95 Tritanopia 0.001% of the population

Trichromacy

#8181fe Protanomaly 1% of men, 0.01% of women
#7d84f3 Deuteranomaly 6% of men, 0.4% of women
#ba7dbb Tritanomaly 0.01% of the population

#c564fd hex color

#c564fd Color Information

#c564fd Color Conversion

Color Schemes with #c564fd

Alternatives to #c564fd

#c564fd Preview

Shades and Tints of #c564fd

Tones of #c564fd

Color Blindness Simulator