#7564e5 hex color

In a RGB color space, hex #7564e5 is composed of 45.9% red, 39.2% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 56.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 247.9 degrees, a saturation of 71.3% and a lightness of 64.5%. #7564e5 color hex could be obtained by blending #eac8ff with #0000cb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 46
- G 39
- B 90
RGB color chart
- C 49
- M 56
- Y 0
- K 10
CMYK color chart

● #7564e5 color description : Soft blue.

The hexadecimal color #7564e5 has RGB values of R:117, G:100, B:229 and CMYK values of C:0.49, M:0.56, Y:0, K:0.1. Its decimal value is 7693541.

Hex triplet	7564e5	`#7564e5`
RGB Decimal	117, 100, 229	`rgb(117,100,229)`
RGB Percent	45.9, 39.2, 89.8	`rgb(45.9%,39.2%,89.8%)`
CMYK	49, 56, 0, 10
HSL	247.9°, 71.3, 64.5	`hsl(247.9,71.3%,64.5%)`
HSV (or HSB)	247.9°, 56.3, 89.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.16, 39.543, -63.602
XYZ	26.033, 18.553, 76.334
xyY	0.215, 0.153, 18.553
CIE-LCH	50.16, 74.892, 301.87
CIE-LUV	50.16, -1.686, -101.238
Hunter-Lab	43.073, 32.509, -74.923
Binary	01110101, 01100100, 11100101

#7564e5
```
#7564e5 rgb(117,100,229)
```
#d4e564
```
#d4e564 rgb(212,229,100)
```

Complementary Color

#6494e5
```
#6494e5 rgb(100,148,229)
```
#7564e5
```
#7564e5 rgb(117,100,229)
```
#b664e5
```
#b664e5 rgb(182,100,229)
```

Analogous Color

#94e564
```
#94e564 rgb(148,229,100)
```
#7564e5
```
#7564e5 rgb(117,100,229)
```
#e5b664
```
#e5b664 rgb(229,182,100)
```

Split Complementary Color

#64e575
```
#64e575 rgb(100,229,117)
```
#7564e5
```
#7564e5 rgb(117,100,229)
```
#e57564
```
#e57564 rgb(229,117,100)
```

Triadic Color

#64d4e5
```
#64d4e5 rgb(100,212,229)
```
#7564e5
```
#7564e5 rgb(117,100,229)
```
#e57564
```
#e57564 rgb(229,117,100)
```
#d4e564
```
#d4e564 rgb(212,229,100)
```

Tetradic Color

#3c24d8
```
#3c24d8 rgb(60,36,216)
```
#4e38de
```
#4e38de rgb(78,56,222)
```
#624ee1
```
#624ee1 rgb(98,78,225)
```
#7564e5
```
#7564e5 rgb(117,100,229)
```
#887ae9
```
#887ae9 rgb(136,122,233)
```
#9c90ec
```
#9c90ec rgb(156,144,236)
```
#afa6f0
```
#afa6f0 rgb(175,166,240)
```

Monochromatic Color

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

#6473e5
```
#6473e5 rgb(100,115,229)
```
#6469e5
```
#6469e5 rgb(100,105,229)
```
#6a64e5
```
#6a64e5 rgb(106,100,229)
```
#7564e5
```
#7564e5 rgb(117,100,229)
```
#8064e5
```
#8064e5 rgb(128,100,229)
```
#8b64e5
```
#8b64e5 rgb(139,100,229)
```
#9564e5
```
#9564e5 rgb(149,100,229)
```

Similar Colors

Text with hexadecimal color #7564e5

This text has a font color of #7564e5.

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

#7564e5 background color

This paragraph has a background color of #7564e5.

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

#7564e5 border color

This element has a border color of #7564e5.

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

CSS codes

.text {color:#7564e5;}

.background {background-color:#7564e5;}

.border {border:1px solid #7564e5;}

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

#04020d
```
#04020d rgb(4,2,13)
```
#08051e
```
#08051e rgb(8,5,30)
```
#0d082f
```
#0d082f rgb(13,8,47)
```
#120b3f
```
#120b3f rgb(18,11,63)
```
#160d50
```
#160d50 rgb(22,13,80)
```
#1b1061
```
#1b1061 rgb(27,16,97)
```
#201372
```
#201372 rgb(32,19,114)
```
#241683
```
#241683 rgb(36,22,131)
```
#291993
```
#291993 rgb(41,25,147)
```
#2e1ca4
```
#2e1ca4 rgb(46,28,164)
```
#321eb5
```
#321eb5 rgb(50,30,181)
```
#3721c6
```
#3721c6 rgb(55,33,198)
```
#3c24d7
```
#3c24d7 rgb(60,36,215)
```

Shade Color Variation

#4832dd
```
#4832dd rgb(72,50,221)
```
#5742df
```
#5742df rgb(87,66,223)
```
#6653e2
```
#6653e2 rgb(102,83,226)
```
#7564e5
```
#7564e5 rgb(117,100,229)
```
#8475e8
```
#8475e8 rgb(132,117,232)
```
#9386eb
```
#9386eb rgb(147,134,235)
```
#a296ed
```
#a296ed rgb(162,150,237)
```
#b1a7f0
```
#b1a7f0 rgb(177,167,240)
```
#c0b8f3
```
#c0b8f3 rgb(192,184,243)
```
#cfc9f6
```
#cfc9f6 rgb(207,201,246)
```
#dedaf9
```
#dedaf9 rgb(222,218,249)
```
#edeafc
```
#edeafc rgb(237,234,252)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#a3a3a6
```
#a3a3a6 rgb(163,163,166)
```
#9e9cad
```
#9e9cad rgb(158,156,173)
```
#9995b4
```
#9995b4 rgb(153,149,180)
```
#948ebb
```
#948ebb rgb(148,142,187)
```
#8f87c2
```
#8f87c2 rgb(143,135,194)
```
#8a80c9
```
#8a80c9 rgb(138,128,201)
```
#8479d0
```
#8479d0 rgb(132,121,208)
```
#7f72d7
```
#7f72d7 rgb(127,114,215)
```
#7a6bde
```
#7a6bde rgb(122,107,222)
```
#7564e5
```
#7564e5 rgb(117,100,229)
```
#705dec
```
#705dec rgb(112,93,236)
```
#6b56f3
```
#6b56f3 rgb(107,86,243)
```
#664ffa
```
#664ffa rgb(102,79,250)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#77748e Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0080d4 Deuteranopia 1% of men
#5a848e Tritanopia 0.001% of the population

Trichromacy

#2a72ec Protanomaly 1% of men, 0.01% of women
#2a76da Deuteranomaly 6% of men, 0.4% of women
#6478ae Tritanomaly 0.01% of the population

#7564e5 hex color

#7564e5 Color Information

#7564e5 Color Conversion

Color Schemes with #7564e5

Alternatives to #7564e5

#7564e5 Preview

Shades and Tints of #7564e5

Tones of #7564e5

Color Blindness Simulator