#ba64f7 hex color

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

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

● #ba64f7 color description : Soft violet.

The hexadecimal color #ba64f7 has RGB values of R:186, G:100, B:247 and CMYK values of C:0.25, M:0.6, Y:0, K:0.03. Its decimal value is 12215543.

Hex triplet	ba64f7	`#ba64f7`
RGB Decimal	186, 100, 247	`rgb(186,100,247)`
RGB Percent	72.9, 39.2, 96.9	`rgb(72.9%,39.2%,96.9%)`
CMYK	25, 60, 0, 3
HSL	275.1°, 90.2, 68	`hsl(275.1,90.2%,68%)`
HSV (or HSB)	275.1°, 59.5, 96.9
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	58.292, 59.379, -60.21
XYZ	41.593, 26.27, 90.87
xyY	0.262, 0.165, 26.27
CIE-LCH	58.292, 84.564, 314.602
CIE-LUV	58.292, 28.088, -101.936
Hunter-Lab	51.254, 55.159, -69.24
Binary	10111010, 01100100, 11110111

#ba64f7
```
#ba64f7 rgb(186,100,247)
```
#a1f764
```
#a1f764 rgb(161,247,100)
```

Complementary Color

#7164f7
```
#7164f7 rgb(113,100,247)
```
#ba64f7
```
#ba64f7 rgb(186,100,247)
```
#f764eb
```
#f764eb rgb(247,100,235)
```

Analogous Color

#64f771
```
#64f771 rgb(100,247,113)
```
#ba64f7
```
#ba64f7 rgb(186,100,247)
```
#ebf764
```
#ebf764 rgb(235,247,100)
```

Split Complementary Color

#64f7ba
```
#64f7ba rgb(100,247,186)
```
#ba64f7
```
#ba64f7 rgb(186,100,247)
```
#f7ba64
```
#f7ba64 rgb(247,186,100)
```

Triadic Color

#64a1f7
```
#64a1f7 rgb(100,161,247)
```
#ba64f7
```
#ba64f7 rgb(186,100,247)
```
#f7ba64
```
#f7ba64 rgb(247,186,100)
```
#a1f764
```
#a1f764 rgb(161,247,100)
```

Tetradic Color

#9a1bf3
```
#9a1bf3 rgb(154,27,243)
```
#a434f4
```
#a434f4 rgb(164,52,244)
```
#af4cf6
```
#af4cf6 rgb(175,76,246)
```
#ba64f7
```
#ba64f7 rgb(186,100,247)
```
#c57cf8
```
#c57cf8 rgb(197,124,248)
```
#d094fa
```
#d094fa rgb(208,148,250)
```
#daadfb
```
#daadfb rgb(218,173,251)
```

Monochromatic Color

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

#9564f7
```
#9564f7 rgb(149,100,247)
```
#a264f7
```
#a264f7 rgb(162,100,247)
```
#ae64f7
```
#ae64f7 rgb(174,100,247)
```
#ba64f7
```
#ba64f7 rgb(186,100,247)
```
#c664f7
```
#c664f7 rgb(198,100,247)
```
#d364f7
```
#d364f7 rgb(211,100,247)
```
#df64f7
```
#df64f7 rgb(223,100,247)
```

Similar Colors

Text with hexadecimal color #ba64f7

This text has a font color of #ba64f7.

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

#ba64f7 background color

This paragraph has a background color of #ba64f7.

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

#ba64f7 border color

This element has a border color of #ba64f7.

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

CSS codes

.text {color:#ba64f7;}

.background {background-color:#ba64f7;}

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

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

#08010d
```
#08010d rgb(8,1,13)
```
#130220
```
#130220 rgb(19,2,32)
```
#1e0332
```
#1e0332 rgb(30,3,50)
```
#2a0445
```
#2a0445 rgb(42,4,69)
```
#350557
```
#350557 rgb(53,5,87)
```
#40056a
```
#40056a rgb(64,5,106)
```
#4c067d
```
#4c067d rgb(76,6,125)
```
#57078f
```
#57078f rgb(87,7,143)
```
#6208a2
```
#6208a2 rgb(98,8,162)
```
#6e09b5
```
#6e09b5 rgb(110,9,181)
```
#790ac7
```
#790ac7 rgb(121,10,199)
```
#840bda
```
#840bda rgb(132,11,218)
```
#900ced
```
#900ced rgb(144,12,237)
```

Shade Color Variation

#9919f3
```
#9919f3 rgb(153,25,243)
```
#a12cf4
```
#a12cf4 rgb(161,44,244)
```
#a93ff5
```
#a93ff5 rgb(169,63,245)
```
#b251f6
```
#b251f6 rgb(178,81,246)
```
#ba64f7
```
#ba64f7 rgb(186,100,247)
```
#c277f8
```
#c277f8 rgb(194,119,248)
```
#cb89f9
```
#cb89f9 rgb(203,137,249)
```
#d39cfa
```
#d39cfa rgb(211,156,250)
```
#dbaffb
```
#dbaffb rgb(219,175,251)
```
#e4c1fc
```
#e4c1fc rgb(228,193,252)
```
#ecd4fd
```
#ecd4fd rgb(236,212,253)
```
#f4e7fe
```
#f4e7fe rgb(244,231,254)
```
#fcf9ff
```
#fcf9ff rgb(252,249,255)
```

Tint Color Variation

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

#aea9b2
```
#aea9b2 rgb(174,169,178)
```
#afa3b8
```
#afa3b8 rgb(175,163,184)
```
#b09cbf
```
#b09cbf rgb(176,156,191)
```
#b196c5
```
#b196c5 rgb(177,150,197)
```
#b390cb
```
#b390cb rgb(179,144,203)
```
#b48ad1
```
#b48ad1 rgb(180,138,209)
```
#b583d8
```
#b583d8 rgb(181,131,216)
```
#b67dde
```
#b67dde rgb(182,125,222)
```
#b777e4
```
#b777e4 rgb(183,119,228)
```
#b871ea
```
#b871ea rgb(184,113,234)
```
#b96af1
```
#b96af1 rgb(185,106,241)
```
#ba64f7
```
#ba64f7 rgb(186,100,247)
```
#bb5efd
```
#bb5efd rgb(187,94,253)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#9786a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#508eff Protanopia 1% of men
#4d93ea Deuteranopia 1% of men
#a98993 Tritanopia 0.001% of the population

Trichromacy

#767ffc Protanomaly 1% of men, 0.01% of women
#7582ee Deuteranomaly 6% of men, 0.4% of women
#af7cb7 Tritanomaly 0.01% of the population

#ba64f7 hex color

#ba64f7 Color Information

#ba64f7 Color Conversion

Color Schemes with #ba64f7

Alternatives to #ba64f7

#ba64f7 Preview

Shades and Tints of #ba64f7

Tones of #ba64f7

Color Blindness Simulator