#ba77b3 hex color

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

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

● #ba77b3 color description : Slightly desaturated magenta.

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

Hex triplet	ba77b3	`#ba77b3`
RGB Decimal	186, 119, 179	`rgb(186,119,179)`
RGB Percent	72.9, 46.7, 70.2	`rgb(72.9%,46.7%,70.2%)`
CMYK	0, 36, 4, 27
HSL	306.3°, 32.7, 59.8	`hsl(306.3,32.7%,59.8%)`
HSV (or HSB)	306.3°, 36, 72.9
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	58.871, 35.601, -20.975
XYZ	34.982, 26.889, 45.993
xyY	0.324, 0.249, 26.889
CIE-LCH	58.871, 41.321, 329.496
CIE-LUV	58.871, 34.417, -37.051
Hunter-Lab	51.854, 29.676, -16.29
Binary	10111010, 01110111, 10110011

#ba77b3
```
#ba77b3 rgb(186,119,179)
```
#77ba7e
```
#77ba7e rgb(119,186,126)
```

Complementary Color

#a077ba
```
#a077ba rgb(160,119,186)
```
#ba77b3
```
#ba77b3 rgb(186,119,179)
```
#ba7792
```
#ba7792 rgb(186,119,146)
```

Analogous Color

#77baa0
```
#77baa0 rgb(119,186,160)
```
#ba77b3
```
#ba77b3 rgb(186,119,179)
```
#92ba77
```
#92ba77 rgb(146,186,119)
```

Split Complementary Color

#77b3ba
```
#77b3ba rgb(119,179,186)
```
#ba77b3
```
#ba77b3 rgb(186,119,179)
```
#b3ba77
```
#b3ba77 rgb(179,186,119)
```

Triadic Color

#7e77ba
```
#7e77ba rgb(126,119,186)
```
#ba77b3
```
#ba77b3 rgb(186,119,179)
```
#b3ba77
```
#b3ba77 rgb(179,186,119)
```
#77ba7e
```
#77ba7e rgb(119,186,126)
```

Tetradic Color

#984d90
```
#984d90 rgb(152,77,144)
```
#a955a0
```
#a955a0 rgb(169,85,160)
```
#b166aa
```
#b166aa rgb(177,102,170)
```
#ba77b3
```
#ba77b3 rgb(186,119,179)
```
#c388bc
```
#c388bc rgb(195,136,188)
```
#cb99c6
```
#cb99c6 rgb(203,153,198)
```
#d4aacf
```
#d4aacf rgb(212,170,207)
```

Monochromatic Color

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

#b077ba
```
#b077ba rgb(176,119,186)
```
#b677ba
```
#b677ba rgb(182,119,186)
```
#ba77b9
```
#ba77b9 rgb(186,119,185)
```
#ba77b3
```
#ba77b3 rgb(186,119,179)
```
#ba77ad
```
#ba77ad rgb(186,119,173)
```
#ba77a8
```
#ba77a8 rgb(186,119,168)
```
#ba77a2
```
#ba77a2 rgb(186,119,162)
```

Similar Colors

Text with hexadecimal color #ba77b3

This text has a font color of #ba77b3.

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

#ba77b3 background color

This paragraph has a background color of #ba77b3.

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

#ba77b3 border color

This element has a border color of #ba77b3.

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

CSS codes

.text {color:#ba77b3;}

.background {background-color:#ba77b3;}

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

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)
```
#2e172c
```
#2e172c rgb(46,23,44)
```
#3b1e38
```
#3b1e38 rgb(59,30,56)
```
#482544
```
#482544 rgb(72,37,68)
```
#552b51
```
#552b51 rgb(85,43,81)
```
#62325d
```
#62325d rgb(98,50,93)
```
#6f386a
```
#6f386a rgb(111,56,106)
```
#7c3f76
```
#7c3f76 rgb(124,63,118)
```
#894682
```
#894682 rgb(137,70,130)
```
#964c8f
```
#964c8f rgb(150,76,143)
```
#a3539b
```
#a3539b rgb(163,83,155)
```

Shade Color Variation

#ad5da4
```
#ad5da4 rgb(173,93,164)
```
#b36aac
```
#b36aac rgb(179,106,172)
```
#ba77b3
```
#ba77b3 rgb(186,119,179)
```
#c184ba
```
#c184ba rgb(193,132,186)
```
#c791c2
```
#c791c2 rgb(199,145,194)
```
#ce9ec9
```
#ce9ec9 rgb(206,158,201)
```
#d4abd0
```
#d4abd0 rgb(212,171,208)
```
#dbb8d7
```
#dbb8d7 rgb(219,184,215)
```
#e2c5df
```
#e2c5df rgb(226,197,223)
```
#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 #f938e5 is the most saturated one.

#9a979a
```
#9a979a rgb(154,151,154)
```
#a28fa0
```
#a28fa0 rgb(162,143,160)
```
#aa87a7
```
#aa87a7 rgb(170,135,167)
```
#b27fad
```
#b27fad rgb(178,127,173)
```
#ba77b3
```
#ba77b3 rgb(186,119,179)
```
#c26fb9
```
#c26fb9 rgb(194,111,185)
```
#ca67bf
```
#ca67bf rgb(202,103,191)
```
#d25fc6
```
#d25fc6 rgb(210,95,198)
```
#da57cc
```
#da57cc rgb(218,87,204)
```
#e150d2
```
#e150d2 rgb(225,80,210)
```
#e948d8
```
#e948d8 rgb(233,72,216)
```
#f140df
```
#f140df rgb(241,64,223)
```
#f938e5
```
#f938e5 rgb(249,56,229)
```

Tone Color Variation

Below, you can see how #ba77b3 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
#9a8d99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8391c3 Protanopia 1% of men
#9190b1 Deuteranopia 1% of men
#b7868f Tritanopia 0.001% of the population

Trichromacy

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

#ba77b3 hex color

#ba77b3 Color Information

#ba77b3 Color Conversion

Color Schemes with #ba77b3

Alternatives to #ba77b3

#ba77b3 Preview

Shades and Tints of #ba77b3

Tones of #ba77b3

Color Blindness Simulator