#ba77fb hex color

In a RGB color space, hex #ba77fb is composed of 72.9% red, 46.7% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 52.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 270.5 degrees, a saturation of 94.3% and a lightness of 72.5%. #ba77fb color hex could be obtained by blending #ffeeff with #7500f7. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 47
- B 98
RGB color chart
- C 26
- M 53
- Y 0
- K 2
CMYK color chart

● #ba77fb color description : Soft violet.

The hexadecimal color #ba77fb has RGB values of R:186, G:119, B:251 and CMYK values of C:0.26, M:0.53, Y:0, K:0.02. Its decimal value is 12220411.

Hex triplet	ba77fb	`#ba77fb`
RGB Decimal	186, 119, 251	`rgb(186,119,251)`
RGB Percent	72.9, 46.7, 98.4	`rgb(72.9%,46.7%,98.4%)`
CMYK	26, 53, 0, 2
HSL	270.5°, 94.3, 72.5	`hsl(270.5,94.3%,72.5%)`
HSV (or HSB)	270.5°, 52.6, 98.4
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	62.167, 50.612, -56.23
XYZ	44.256, 30.598, 94.836
xyY	0.261, 0.18, 30.598
CIE-LCH	62.167, 75.653, 311.99
CIE-LUV	62.167, 21.729, -95.968
Hunter-Lab	55.316, 46.01, -62.929
Binary	10111010, 01110111, 11111011

#ba77fb
```
#ba77fb rgb(186,119,251)
```
#b8fb77
```
#b8fb77 rgb(184,251,119)
```

Complementary Color

#7877fb
```
#7877fb rgb(120,119,251)
```
#ba77fb
```
#ba77fb rgb(186,119,251)
```
#fb77fa
```
#fb77fa rgb(251,119,250)
```

Analogous Color

#77fb78
```
#77fb78 rgb(119,251,120)
```
#ba77fb
```
#ba77fb rgb(186,119,251)
```
#fafb77
```
#fafb77 rgb(250,251,119)
```

Split Complementary Color

#77fbba
```
#77fbba rgb(119,251,186)
```
#ba77fb
```
#ba77fb rgb(186,119,251)
```
#fbba77
```
#fbba77 rgb(251,186,119)
```

Triadic Color

#77b8fb
```
#77b8fb rgb(119,184,251)
```
#ba77fb
```
#ba77fb rgb(186,119,251)
```
#fbba77
```
#fbba77 rgb(251,186,119)
```
#b8fb77
```
#b8fb77 rgb(184,251,119)
```

Tetradic Color

#942df9
```
#942df9 rgb(148,45,249)
```
#a145fa
```
#a145fa rgb(161,69,250)
```
#ad5efa
```
#ad5efa rgb(173,94,250)
```
#ba77fb
```
#ba77fb rgb(186,119,251)
```
#c790fc
```
#c790fc rgb(199,144,252)
```
#d3a9fc
```
#d3a9fc rgb(211,169,252)
```
#e0c1fd
```
#e0c1fd rgb(224,193,253)
```

Monochromatic Color

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

#9977fb
```
#9977fb rgb(153,119,251)
```
#a477fb
```
#a477fb rgb(164,119,251)
```
#af77fb
```
#af77fb rgb(175,119,251)
```
#ba77fb
```
#ba77fb rgb(186,119,251)
```
#c577fb
```
#c577fb rgb(197,119,251)
```
#d077fb
```
#d077fb rgb(208,119,251)
```
#db77fb
```
#db77fb rgb(219,119,251)
```

Similar Colors

Text with hexadecimal color #ba77fb

This text has a font color of #ba77fb.

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

#ba77fb background color

This paragraph has a background color of #ba77fb.

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

#ba77fb border color

This element has a border color of #ba77fb.

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

CSS codes

.text {color:#ba77fb;}

.background {background-color:#ba77fb;}

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

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

#090010
```
#090010 rgb(9,0,16)
```
#130123
```
#130123 rgb(19,1,35)
```
#1c0237
```
#1c0237 rgb(28,2,55)
```
#26024a
```
#26024a rgb(38,2,74)
```
#30035d
```
#30035d rgb(48,3,93)
```
#3a0370
```
#3a0370 rgb(58,3,112)
```
#440483
```
#440483 rgb(68,4,131)
```
#4e0496
```
#4e0496 rgb(78,4,150)
```
#5805a9
```
#5805a9 rgb(88,5,169)
```
#6206bc
```
#6206bc rgb(98,6,188)
```
#6c06cf
```
#6c06cf rgb(108,6,207)
```
#7607e2
```
#7607e2 rgb(118,7,226)
```
#8007f5
```
#8007f5 rgb(128,7,245)
```

Shade Color Variation

#8a18f8
```
#8a18f8 rgb(138,24,248)
```
#932bf9
```
#932bf9 rgb(147,43,249)
```
#9d3ef9
```
#9d3ef9 rgb(157,62,249)
```
#a751fa
```
#a751fa rgb(167,81,250)
```
#b064fa
```
#b064fa rgb(176,100,250)
```
#ba77fb
```
#ba77fb rgb(186,119,251)
```
#c48afc
```
#c48afc rgb(196,138,252)
```
#cd9dfc
```
#cd9dfc rgb(205,157,252)
```
#d7b0fd
```
#d7b0fd rgb(215,176,253)
```
#e1c3fd
```
#e1c3fd rgb(225,195,253)
```
#ead6fe
```
#ead6fe rgb(234,214,254)
```
#f4e9fe
```
#f4e9fe rgb(244,233,254)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#b9b8ba
```
#b9b8ba rgb(185,184,186)
```
#b9b2c0
```
#b9b2c0 rgb(185,178,192)
```
#b9adc5
```
#b9adc5 rgb(185,173,197)
```
#b9a7cb
```
#b9a7cb rgb(185,167,203)
```
#b9a2d0
```
#b9a2d0 rgb(185,162,208)
```
#b99dd5
```
#b99dd5 rgb(185,157,213)
```
#ba97db
```
#ba97db rgb(186,151,219)
```
#ba92e0
```
#ba92e0 rgb(186,146,224)
```
#ba8de5
```
#ba8de5 rgb(186,141,229)
```
#ba87eb
```
#ba87eb rgb(186,135,235)
```
#ba82f0
```
#ba82f0 rgb(186,130,240)
```
#ba7cf6
```
#ba7cf6 rgb(186,124,246)
```
#ba77fb
```
#ba77fb rgb(186,119,251)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a093ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#6998ff Protanopia 1% of men
#639cf0 Deuteranopia 1% of men
#aa96a0 Tritanopia 0.001% of the population

Trichromacy

#868cfd Protanomaly 1% of men, 0.01% of women
#838ef4 Deuteranomaly 6% of men, 0.4% of women
#b08ac1 Tritanomaly 0.01% of the population

#ba77fb hex color

#ba77fb Color Information

#ba77fb Color Conversion

Color Schemes with #ba77fb

Alternatives to #ba77fb

#ba77fb Preview

Shades and Tints of #ba77fb

Tones of #ba77fb

Color Blindness Simulator