#ba77b2 hex color

In a RGB color space, hex #ba77b2 is composed of 72.9% red, 46.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36% magenta, 4.3% yellow and 27.1% black. It has a hue angle of 307.2 degrees, a saturation of 32.7% and a lightness of 59.8%. #ba77b2 color hex could be obtained by blending #ffeeff with #750065. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 73
- G 47
- B 70
RGB color chart
- C 0
- M 36
- Y 4
- K 27
CMYK color chart

● #ba77b2 color description : Slightly desaturated magenta.

The hexadecimal color #ba77b2 has RGB values of R:186, G:119, B:178 and CMYK values of C:0, M:0.36, Y:0.04, K:0.27. Its decimal value is 12220338.

Hex triplet	ba77b2	`#ba77b2`
RGB Decimal	186, 119, 178	`rgb(186,119,178)`
RGB Percent	72.9, 46.7, 69.8	`rgb(72.9%,46.7%,69.8%)`
CMYK	0, 36, 4, 27
HSL	307.2°, 32.7, 59.8	`hsl(307.2,32.7%,59.8%)`
HSV (or HSB)	307.2°, 36, 72.9
Web Safe	cc6699	`#cc6699`

CIE-LAB	58.834, 35.418, -20.46
XYZ	34.882, 26.848, 45.462
xyY	0.325, 0.25, 26.848
CIE-LCH	58.834, 40.903, 329.987
CIE-LUV	58.834, 34.601, -36.225
Hunter-Lab	51.815, 29.487, -15.749
Binary	10111010, 01110111, 10110010

#ba77b2
```
#ba77b2 rgb(186,119,178)
```
#77ba7f
```
#77ba7f rgb(119,186,127)
```

Complementary Color

#a177ba
```
#a177ba rgb(161,119,186)
```
#ba77b2
```
#ba77b2 rgb(186,119,178)
```
#ba7791
```
#ba7791 rgb(186,119,145)
```

Analogous Color

#77baa1
```
#77baa1 rgb(119,186,161)
```
#ba77b2
```
#ba77b2 rgb(186,119,178)
```
#91ba77
```
#91ba77 rgb(145,186,119)
```

Split Complementary Color

#77b2ba
```
#77b2ba rgb(119,178,186)
```
#ba77b2
```
#ba77b2 rgb(186,119,178)
```
#b2ba77
```
#b2ba77 rgb(178,186,119)
```

Triadic Color

#7f77ba
```
#7f77ba rgb(127,119,186)
```
#ba77b2
```
#ba77b2 rgb(186,119,178)
```
#b2ba77
```
#b2ba77 rgb(178,186,119)
```
#77ba7f
```
#77ba7f rgb(119,186,127)
```

Tetradic Color

#984d8f
```
#984d8f rgb(152,77,143)
```
#a9559f
```
#a9559f rgb(169,85,159)
```
#b166a8
```
#b166a8 rgb(177,102,168)
```
#ba77b2
```
#ba77b2 rgb(186,119,178)
```
#c388bc
```
#c388bc rgb(195,136,188)
```
#cb99c5
```
#cb99c5 rgb(203,153,197)
```
#d4aacf
```
#d4aacf rgb(212,170,207)
```

Monochromatic Color

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

#b177ba
```
#b177ba rgb(177,119,186)
```
#b777ba
```
#b777ba rgb(183,119,186)
```
#ba77b8
```
#ba77b8 rgb(186,119,184)
```
#ba77b2
```
#ba77b2 rgb(186,119,178)
```
#ba77ac
```
#ba77ac rgb(186,119,172)
```
#ba77a7
```
#ba77a7 rgb(186,119,167)
```
#ba77a1
```
#ba77a1 rgb(186,119,161)
```

Similar Colors

Text with hexadecimal color #ba77b2

This text has a font color of #ba77b2.

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

#ba77b2 background color

This paragraph has a background color of #ba77b2.

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

#ba77b2 border color

This element has a border color of #ba77b2.

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

CSS codes

.text {color:#ba77b2;}

.background {background-color:#ba77b2;}

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

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

#070407
```
#070407 rgb(7,4,7)
```
#140a13
```
#140a13 rgb(20,10,19)
```
#21111f
```
#21111f rgb(33,17,31)
```
#2e172b
```
#2e172b rgb(46,23,43)
```
#3b1e38
```
#3b1e38 rgb(59,30,56)
```
#482544
```
#482544 rgb(72,37,68)
```
#552b50
```
#552b50 rgb(85,43,80)
```
#62325c
```
#62325c rgb(98,50,92)
```
#6f3869
```
#6f3869 rgb(111,56,105)
```
#7c3f75
```
#7c3f75 rgb(124,63,117)
```
#894681
```
#894681 rgb(137,70,129)
```
#964c8d
```
#964c8d rgb(150,76,141)
```
#a3539a
```
#a3539a rgb(163,83,154)
```

Shade Color Variation

#ad5da3
```
#ad5da3 rgb(173,93,163)
```
#b36aab
```
#b36aab rgb(179,106,171)
```
#ba77b2
```
#ba77b2 rgb(186,119,178)
```
#c184b9
```
#c184b9 rgb(193,132,185)
```
#c791c1
```
#c791c1 rgb(199,145,193)
```
#ce9ec8
```
#ce9ec8 rgb(206,158,200)
```
#d4abcf
```
#d4abcf rgb(212,171,207)
```
#dbb8d7
```
#dbb8d7 rgb(219,184,215)
```
#e2c5de
```
#e2c5de rgb(226,197,222)
```
#e8d2e6
```
#e8d2e6 rgb(232,210,230)
```
#efdfed
```
#efdfed rgb(239,223,237)
```
#f5ecf4
```
#f5ecf4 rgb(245,236,244)
```
#fcf9fc
```
#fcf9fc rgb(252,249,252)
```

Tint Color Variation

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

#9a979a
```
#9a979a rgb(154,151,154)
```
#a28fa0
```
#a28fa0 rgb(162,143,160)
```
#aa87a6
```
#aa87a6 rgb(170,135,166)
```
#b27fac
```
#b27fac rgb(178,127,172)
```
#ba77b2
```
#ba77b2 rgb(186,119,178)
```
#c26fb8
```
#c26fb8 rgb(194,111,184)
```
#ca67be
```
#ca67be rgb(202,103,190)
```
#d25fc4
```
#d25fc4 rgb(210,95,196)
```
#da57ca
```
#da57ca rgb(218,87,202)
```
#e150d0
```
#e150d0 rgb(225,80,208)
```
#e948d6
```
#e948d6 rgb(233,72,214)
```
#f140dc
```
#f140dc rgb(241,64,220)
```
#f938e2
```
#f938e2 rgb(249,56,226)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#9a8d98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8491c2 Protanopia 1% of men
#9190b0 Deuteranopia 1% of men
#b8868f Tritanopia 0.001% of the population

Trichromacy

#9788bc Protanomaly 1% of men, 0.01% of women
#a087b0 Deuteranomaly 6% of men, 0.4% of women
#b8809c Tritanomaly 0.01% of the population

#ba77b2 hex color

#ba77b2 Color Information

#ba77b2 Color Conversion

Color Schemes with #ba77b2

Alternatives to #ba77b2

#ba77b2 Preview

Shades and Tints of #ba77b2

Tones of #ba77b2

Color Blindness Simulator