#ba77bd hex color

In a RGB color space, hex #ba77bd is composed of 72.9% red, 46.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 37% magenta, 0% yellow and 25.9% black. It has a hue angle of 297.4 degrees, a saturation of 34.7% and a lightness of 60.4%. #ba77bd color hex could be obtained by blending #ffeeff with #75007b. Closest websafe color is: #cc66cc.

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

● #ba77bd color description : Slightly desaturated magenta.

The hexadecimal color #ba77bd has RGB values of R:186, G:119, B:189 and CMYK values of C:0.02, M:0.37, Y:0, K:0.26. Its decimal value is 12220349.

Hex triplet	ba77bd	`#ba77bd`
RGB Decimal	186, 119, 189	`rgb(186,119,189)`
RGB Percent	72.9, 46.7, 74.1	`rgb(72.9%,46.7%,74.1%)`
CMYK	2, 37, 0, 26
HSL	297.4°, 34.7, 60.4	`hsl(297.4,34.7%,60.4%)`
HSV (or HSB)	297.4°, 37, 74.1
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	59.258, 37.477, -26.087
XYZ	36.031, 27.308, 51.514
xyY	0.314, 0.238, 27.308
CIE-LCH	59.258, 45.662, 325.159
CIE-LUV	59.258, 32.576, -45.334
Hunter-Lab	52.257, 31.624, -21.867
Binary	10111010, 01110111, 10111101

#ba77bd
```
#ba77bd rgb(186,119,189)
```
#7abd77
```
#7abd77 rgb(122,189,119)
```

Complementary Color

#9777bd
```
#9777bd rgb(151,119,189)
```
#ba77bd
```
#ba77bd rgb(186,119,189)
```
#bd779d
```
#bd779d rgb(189,119,157)
```

Analogous Color

#77bd97
```
#77bd97 rgb(119,189,151)
```
#ba77bd
```
#ba77bd rgb(186,119,189)
```
#9dbd77
```
#9dbd77 rgb(157,189,119)
```

Split Complementary Color

#77bdba
```
#77bdba rgb(119,189,186)
```
#ba77bd
```
#ba77bd rgb(186,119,189)
```
#bdba77
```
#bdba77 rgb(189,186,119)
```

Triadic Color

#777abd
```
#777abd rgb(119,122,189)
```
#ba77bd
```
#ba77bd rgb(186,119,189)
```
#bdba77
```
#bdba77 rgb(189,186,119)
```
#7abd77
```
#7abd77 rgb(122,189,119)
```

Tetradic Color

#984c9c
```
#984c9c rgb(152,76,156)
```
#a955ac
```
#a955ac rgb(169,85,172)
```
#b166b5
```
#b166b5 rgb(177,102,181)
```
#ba77bd
```
#ba77bd rgb(186,119,189)
```
#c388c5
```
#c388c5 rgb(195,136,197)
```
#cb99ce
```
#cb99ce rgb(203,153,206)
```
#d4abd6
```
#d4abd6 rgb(212,171,214)
```

Monochromatic Color

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

#a977bd
```
#a977bd rgb(169,119,189)
```
#ae77bd
```
#ae77bd rgb(174,119,189)
```
#b477bd
```
#b477bd rgb(180,119,189)
```
#ba77bd
```
#ba77bd rgb(186,119,189)
```
#bd77ba
```
#bd77ba rgb(189,119,186)
```
#bd77b4
```
#bd77b4 rgb(189,119,180)
```
#bd77af
```
#bd77af rgb(189,119,175)
```

Similar Colors

Text with hexadecimal color #ba77bd

This text has a font color of #ba77bd.

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

#ba77bd background color

This paragraph has a background color of #ba77bd.

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

#ba77bd border color

This element has a border color of #ba77bd.

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

CSS codes

.text {color:#ba77bd;}

.background {background-color:#ba77bd;}

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

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

#090409
```
#090409 rgb(9,4,9)
```
#160b16
```
#160b16 rgb(22,11,22)
```
#231124
```
#231124 rgb(35,17,36)
```
#301831
```
#301831 rgb(48,24,49)
```
#3d1e3e
```
#3d1e3e rgb(61,30,62)
```
#4a254b
```
#4a254b rgb(74,37,75)
```
#572b59
```
#572b59 rgb(87,43,89)
```
#633166
```
#633166 rgb(99,49,102)
```
#703873
```
#703873 rgb(112,56,115)
```
#7d3e80
```
#7d3e80 rgb(125,62,128)
```
#8a458d
```
#8a458d rgb(138,69,141)
```
#974b9b
```
#974b9b rgb(151,75,155)
```
#a451a8
```
#a451a8 rgb(164,81,168)
```

Shade Color Variation

#ad5db0
```
#ad5db0 rgb(173,93,176)
```
#b36ab7
```
#b36ab7 rgb(179,106,183)
```
#ba77bd
```
#ba77bd rgb(186,119,189)
```
#c184c3
```
#c184c3 rgb(193,132,195)
```
#c791ca
```
#c791ca rgb(199,145,202)
```
#ce9fd0
```
#ce9fd0 rgb(206,159,208)
```
#d5acd7
```
#d5acd7 rgb(213,172,215)
```
#dcb9dd
```
#dcb9dd rgb(220,185,221)
```
#e2c6e3
```
#e2c6e3 rgb(226,198,227)
```
#e9d3ea
```
#e9d3ea rgb(233,211,234)
```
#f0e1f0
```
#f0e1f0 rgb(240,225,240)
```
#f6eef7
```
#f6eef7 rgb(246,238,247)
```
#fdfbfd
```
#fdfbfd rgb(253,251,253)
```

Tint Color Variation

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

#9e969e
```
#9e969e rgb(158,150,158)
```
#a58ea6
```
#a58ea6 rgb(165,142,166)
```
#ac87ad
```
#ac87ad rgb(172,135,173)
```
#b37fb5
```
#b37fb5 rgb(179,127,181)
```
#ba77bd
```
#ba77bd rgb(186,119,189)
```
#c16fc5
```
#c16fc5 rgb(193,111,197)
```
#c867cd
```
#c867cd rgb(200,103,205)
```
#cf60d4
```
#cf60d4 rgb(207,96,212)
```
#d658dc
```
#d658dc rgb(214,88,220)
```
#de50e4
```
#de50e4 rgb(222,80,228)
```
#e548ec
```
#e548ec rgb(229,72,236)
```
#ec41f3
```
#ec41f3 rgb(236,65,243)
```
#f339fb
```
#f339fb rgb(243,57,251)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9b8d9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f92ce Protanopia 1% of men
#8d92ba Deuteranopia 1% of men
#b68891 Tritanopia 0.001% of the population

Trichromacy

#9588c7 Protanomaly 1% of men, 0.01% of women
#9d88bb Deuteranomaly 6% of men, 0.4% of women
#b782a1 Tritanomaly 0.01% of the population

#ba77bd hex color

#ba77bd Color Information

#ba77bd Color Conversion

Color Schemes with #ba77bd

Alternatives to #ba77bd

#ba77bd Preview

Shades and Tints of #ba77bd

Tones of #ba77bd

Color Blindness Simulator