#7564fb hex color

In a RGB color space, hex #7564fb is composed of 45.9% red, 39.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 60.2% magenta, 0% yellow and 1.6% black. It has a hue angle of 246.8 degrees, a saturation of 95% and a lightness of 68.8%. #7564fb color hex could be obtained by blending #eac8ff with #0000f7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 46
- G 39
- B 98
RGB color chart
- C 53
- M 60
- Y 0
- K 2
CMYK color chart

● #7564fb color description : Soft blue.

The hexadecimal color #7564fb has RGB values of R:117, G:100, B:251 and CMYK values of C:0.53, M:0.6, Y:0, K:0.02. Its decimal value is 7693563.

Hex triplet	7564fb	`#7564fb`
RGB Decimal	117, 100, 251	`rgb(117,100,251)`
RGB Percent	45.9, 39.2, 98.4	`rgb(45.9%,39.2%,98.4%)`
CMYK	53, 60, 0, 2
HSL	246.8°, 95, 68.8	`hsl(246.8,95%,68.8%)`
HSV (or HSB)	246.8°, 60.2, 98.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.679, 46.054, -73.446
XYZ	29.303, 19.86, 93.551
xyY	0.205, 0.139, 19.86
CIE-LCH	51.679, 86.691, 302.09
CIE-LUV	51.679, -3.37, -117.088
Hunter-Lab	44.565, 39.379, -93.266
Binary	01110101, 01100100, 11111011

#7564fb
```
#7564fb rgb(117,100,251)
```
#eafb64
```
#eafb64 rgb(234,251,100)
```

Complementary Color

#649ffb
```
#649ffb rgb(100,159,251)
```
#7564fb
```
#7564fb rgb(117,100,251)
```
#c164fb
```
#c164fb rgb(193,100,251)
```

Analogous Color

#9ffb64
```
#9ffb64 rgb(159,251,100)
```
#7564fb
```
#7564fb rgb(117,100,251)
```
#fbc164
```
#fbc164 rgb(251,193,100)
```

Split Complementary Color

#64fb75
```
#64fb75 rgb(100,251,117)
```
#7564fb
```
#7564fb rgb(117,100,251)
```
#fb7564
```
#fb7564 rgb(251,117,100)
```

Triadic Color

#64eafb
```
#64eafb rgb(100,234,251)
```
#7564fb
```
#7564fb rgb(117,100,251)
```
#fb7564
```
#fb7564 rgb(251,117,100)
```
#eafb64
```
#eafb64 rgb(234,251,100)
```

Tetradic Color

#3319f9
```
#3319f9 rgb(51,25,249)
```
#4932fa
```
#4932fa rgb(73,50,250)
```
#5f4bfa
```
#5f4bfa rgb(95,75,250)
```
#7564fb
```
#7564fb rgb(117,100,251)
```
#8b7dfc
```
#8b7dfc rgb(139,125,252)
```
#a196fc
```
#a196fc rgb(161,150,252)
```
#b7affd
```
#b7affd rgb(183,175,253)
```

Monochromatic Color

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

#6479fb
```
#6479fb rgb(100,121,251)
```
#646cfb
```
#646cfb rgb(100,108,251)
```
#6864fb
```
#6864fb rgb(104,100,251)
```
#7564fb
```
#7564fb rgb(117,100,251)
```
#8264fb
```
#8264fb rgb(130,100,251)
```
#8e64fb
```
#8e64fb rgb(142,100,251)
```
#9b64fb
```
#9b64fb rgb(155,100,251)
```

Similar Colors

Text with hexadecimal color #7564fb

This text has a font color of #7564fb.

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

#7564fb background color

This paragraph has a background color of #7564fb.

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

#7564fb border color

This element has a border color of #7564fb.

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

CSS codes

.text {color:#7564fb;}

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

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

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, #020011 is the darkest color, while #fdfdff is the lightest one.

#020011
```
#020011 rgb(2,0,17)
```
#050124
```
#050124 rgb(5,1,36)
```
#070137
```
#070137 rgb(7,1,55)
```
#0a024a
```
#0a024a rgb(10,2,74)
```
#0d025e
```
#0d025e rgb(13,2,94)
```
#0f0371
```
#0f0371 rgb(15,3,113)
```
#120384
```
#120384 rgb(18,3,132)
```
#140497
```
#140497 rgb(20,4,151)
```
#1704aa
```
#1704aa rgb(23,4,170)
```
#1a05bd
```
#1a05bd rgb(26,5,189)
```
#1c05d0
```
#1c05d0 rgb(28,5,208)
```
#1f06e3
```
#1f06e3 rgb(31,6,227)
```
#2106f7
```
#2106f7 rgb(33,6,247)
```

Shade Color Variation

#3118f9
```
#3118f9 rgb(49,24,249)
```
#422bfa
```
#422bfa rgb(66,43,250)
```
#533efa
```
#533efa rgb(83,62,250)
```
#6451fb
```
#6451fb rgb(100,81,251)
```
#7564fb
```
#7564fb rgb(117,100,251)
```
#8677fb
```
#8677fb rgb(134,119,251)
```
#978afc
```
#978afc rgb(151,138,252)
```
#a89dfc
```
#a89dfc rgb(168,157,252)
```
#b9b0fd
```
#b9b0fd rgb(185,176,253)
```
#cac4fd
```
#cac4fd rgb(202,196,253)
```
#dbd7fe
```
#dbd7fe rgb(219,215,254)
```
#eceafe
```
#eceafe rgb(236,234,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#aeadb2
```
#aeadb2 rgb(174,173,178)
```
#a9a7b8
```
#a9a7b8 rgb(169,167,184)
```
#a4a1be
```
#a4a1be rgb(164,161,190)
```
#a09bc4
```
#a09bc4 rgb(160,155,196)
```
#9b95ca
```
#9b95ca rgb(155,149,202)
```
#968fd0
```
#968fd0 rgb(150,143,208)
```
#9189d6
```
#9189d6 rgb(145,137,214)
```
#8d83dc
```
#8d83dc rgb(141,131,220)
```
#887ce3
```
#887ce3 rgb(136,124,227)
```
#8376e9
```
#8376e9 rgb(131,118,233)
```
#7e70ef
```
#7e70ef rgb(126,112,239)
```
#7a6af5
```
#7a6af5 rgb(122,106,245)
```
#7564fb
```
#7564fb rgb(117,100,251)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#797694 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef6 Protanopia 1% of men
#0084d9 Deuteranopia 1% of men
#4d8a95 Tritanopia 0.001% of the population

Trichromacy

#2a74f8 Protanomaly 1% of men, 0.01% of women
#2a78e5 Deuteranomaly 6% of men, 0.4% of women
#5b7cba Tritanomaly 0.01% of the population

#7564fb hex color

#7564fb Color Information

#7564fb Color Conversion

Color Schemes with #7564fb

Alternatives to #7564fb

#7564fb Preview

Shades and Tints of #7564fb

Tones of #7564fb

Color Blindness Simulator