#7564e4 hex color

In a RGB color space, hex #7564e4 is composed of 45.9% red, 39.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 48.7% cyan, 56.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 248 degrees, a saturation of 70.3% and a lightness of 64.3%. #7564e4 color hex could be obtained by blending #eac8ff with #0000c9. Closest websafe color is: #6666cc.

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

● #7564e4 color description : Soft blue.

The hexadecimal color #7564e4 has RGB values of R:117, G:100, B:228 and CMYK values of C:0.49, M:0.56, Y:0, K:0.11. Its decimal value is 7693540.

Hex triplet	7564e4	`#7564e4`
RGB Decimal	117, 100, 228	`rgb(117,100,228)`
RGB Percent	45.9, 39.2, 89.4	`rgb(45.9%,39.2%,89.4%)`
CMYK	49, 56, 0, 11
HSL	248°, 70.3, 64.3	`hsl(248,70.3%,64.3%)`
HSV (or HSB)	248°, 56.1, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.093, 39.249, -63.146
XYZ	25.894, 18.497, 75.6
xyY	0.216, 0.154, 18.497
CIE-LCH	50.093, 74.349, 301.863
CIE-LUV	50.093, -1.607, -100.499
Hunter-Lab	43.008, 32.206, -74.115
Binary	01110101, 01100100, 11100100

#7564e4
```
#7564e4 rgb(117,100,228)
```
#d3e464
```
#d3e464 rgb(211,228,100)
```

Complementary Color

#6493e4
```
#6493e4 rgb(100,147,228)
```
#7564e4
```
#7564e4 rgb(117,100,228)
```
#b564e4
```
#b564e4 rgb(181,100,228)
```

Analogous Color

#93e464
```
#93e464 rgb(147,228,100)
```
#7564e4
```
#7564e4 rgb(117,100,228)
```
#e4b564
```
#e4b564 rgb(228,181,100)
```

Split Complementary Color

#64e475
```
#64e475 rgb(100,228,117)
```
#7564e4
```
#7564e4 rgb(117,100,228)
```
#e47564
```
#e47564 rgb(228,117,100)
```

Triadic Color

#64d3e4
```
#64d3e4 rgb(100,211,228)
```
#7564e4
```
#7564e4 rgb(117,100,228)
```
#e47564
```
#e47564 rgb(228,117,100)
```
#d3e464
```
#d3e464 rgb(211,228,100)
```

Tetradic Color

#3d25d6
```
#3d25d6 rgb(61,37,214)
```
#4e39dc
```
#4e39dc rgb(78,57,220)
```
#624ee0
```
#624ee0 rgb(98,78,224)
```
#7564e4
```
#7564e4 rgb(117,100,228)
```
#887ae8
```
#887ae8 rgb(136,122,232)
```
#9c8fec
```
#9c8fec rgb(156,143,236)
```
#afa5ef
```
#afa5ef rgb(175,165,239)
```

Monochromatic Color

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

#6473e4
```
#6473e4 rgb(100,115,228)
```
#6468e4
```
#6468e4 rgb(100,104,228)
```
#6a64e4
```
#6a64e4 rgb(106,100,228)
```
#7564e4
```
#7564e4 rgb(117,100,228)
```
#8064e4
```
#8064e4 rgb(128,100,228)
```
#8a64e4
```
#8a64e4 rgb(138,100,228)
```
#9564e4
```
#9564e4 rgb(149,100,228)
```

Similar Colors

Text with hexadecimal color #7564e4

This text has a font color of #7564e4.

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

#7564e4 background color

This paragraph has a background color of #7564e4.

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

#7564e4 border color

This element has a border color of #7564e4.

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

CSS codes

.text {color:#7564e4;}

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

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

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, #03020c is the darkest color, while #fbfafe is the lightest one.

#03020c
```
#03020c rgb(3,2,12)
```
#08051d
```
#08051d rgb(8,5,29)
```
#0d082d
```
#0d082d rgb(13,8,45)
```
#120b3e
```
#120b3e rgb(18,11,62)
```
#160e4f
```
#160e4f rgb(22,14,79)
```
#1b1160
```
#1b1160 rgb(27,17,96)
```
#201470
```
#201470 rgb(32,20,112)
```
#251681
```
#251681 rgb(37,22,129)
```
#291992
```
#291992 rgb(41,25,146)
```
#2e1ca2
```
#2e1ca2 rgb(46,28,162)
```
#331fb3
```
#331fb3 rgb(51,31,179)
```
#3822c4
```
#3822c4 rgb(56,34,196)
```
#3c25d5
```
#3c25d5 rgb(60,37,213)
```

Shade Color Variation

#4832db
```
#4832db rgb(72,50,219)
```
#5743de
```
#5743de rgb(87,67,222)
```
#6653e1
```
#6653e1 rgb(102,83,225)
```
#7564e4
```
#7564e4 rgb(117,100,228)
```
#8475e7
```
#8475e7 rgb(132,117,231)
```
#9385ea
```
#9385ea rgb(147,133,234)
```
#a296ed
```
#a296ed rgb(162,150,237)
```
#b0a7f0
```
#b0a7f0 rgb(176,167,240)
```
#bfb8f3
```
#bfb8f3 rgb(191,184,243)
```
#cec8f5
```
#cec8f5 rgb(206,200,245)
```
#ddd9f8
```
#ddd9f8 rgb(221,217,248)
```
#eceafb
```
#eceafb rgb(236,234,251)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

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

#a3a3a5
```
#a3a3a5 rgb(163,163,165)
```
#9e9cac
```
#9e9cac rgb(158,156,172)
```
#9995b3
```
#9995b3 rgb(153,149,179)
```
#948eba
```
#948eba rgb(148,142,186)
```
#8f87c1
```
#8f87c1 rgb(143,135,193)
```
#8a80c8
```
#8a80c8 rgb(138,128,200)
```
#8479cf
```
#8479cf rgb(132,121,207)
```
#7f72d6
```
#7f72d6 rgb(127,114,214)
```
#7a6bdd
```
#7a6bdd rgb(122,107,221)
```
#7564e4
```
#7564e4 rgb(117,100,228)
```
#705deb
```
#705deb rgb(112,93,235)
```
#6b56f2
```
#6b56f2 rgb(107,86,242)
```
#664ff9
```
#664ff9 rgb(102,79,249)
```

Tone Color Variation

Below, you can see how #7564e4 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
#5b848e Tritanopia 0.001% of the population

Trichromacy

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

#7564e4 hex color

#7564e4 Color Information

#7564e4 Color Conversion

Color Schemes with #7564e4

Alternatives to #7564e4

#7564e4 Preview

Shades and Tints of #7564e4

Tones of #7564e4

Color Blindness Simulator