#ba97bb hex color

In a RGB color space, hex #ba97bb is composed of 72.9% red, 59.2% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 19.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 298.3 degrees, a saturation of 20.9% and a lightness of 66.3%. #ba97bb color hex could be obtained by blending #ffffff with #752f77. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 59
- B 73
RGB color chart
- C 1
- M 19
- Y 0
- K 27
CMYK color chart

● #ba97bb color description : Grayish magenta.

The hexadecimal color #ba97bb has RGB values of R:186, G:151, B:187 and CMYK values of C:0.01, M:0.19, Y:0, K:0.27. Its decimal value is 12228539.

Hex triplet	ba97bb	`#ba97bb`
RGB Decimal	186, 151, 187	`rgb(186,151,187)`
RGB Percent	72.9, 59.2, 73.3	`rgb(72.9%,59.2%,73.3%)`
CMYK	1, 19, 0, 27
HSL	298.3°, 20.9, 66.3	`hsl(298.3,20.9%,66.3%)`
HSV (or HSB)	298.3°, 19.3, 73.3
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	66.643, 19.363, -13.712
XYZ	40.285, 36.161, 51.869
xyY	0.314, 0.282, 36.161
CIE-LCH	66.643, 23.726, 324.696
CIE-LUV	66.643, 17.687, -23.852
Hunter-Lab	60.134, 14.346, -9.047
Binary	10111010, 10010111, 10111011

#ba97bb
```
#ba97bb rgb(186,151,187)
```
#98bb97
```
#98bb97 rgb(152,187,151)
```

Complementary Color

#a897bb
```
#a897bb rgb(168,151,187)
```
#ba97bb
```
#ba97bb rgb(186,151,187)
```
#bb97aa
```
#bb97aa rgb(187,151,170)
```

Analogous Color

#97bba8
```
#97bba8 rgb(151,187,168)
```
#ba97bb
```
#ba97bb rgb(186,151,187)
```
#aabb97
```
#aabb97 rgb(170,187,151)
```

Split Complementary Color

#97bbba
```
#97bbba rgb(151,187,186)
```
#ba97bb
```
#ba97bb rgb(186,151,187)
```
#bbba97
```
#bbba97 rgb(187,186,151)
```

Triadic Color

#9798bb
```
#9798bb rgb(151,152,187)
```
#ba97bb
```
#ba97bb rgb(186,151,187)
```
#bbba97
```
#bbba97 rgb(187,186,151)
```
#98bb97
```
#98bb97 rgb(152,187,151)
```

Tetradic Color

#9b699d
```
#9b699d rgb(155,105,157)
```
#a678a7
```
#a678a7 rgb(166,120,167)
```
#b088b1
```
#b088b1 rgb(176,136,177)
```
#ba97bb
```
#ba97bb rgb(186,151,187)
```
#c4a6c5
```
#c4a6c5 rgb(196,166,197)
```
#ceb6cf
```
#ceb6cf rgb(206,182,207)
```
#d9c5d9
```
#d9c5d9 rgb(217,197,217)
```

Monochromatic Color

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

#b197bb
```
#b197bb rgb(177,151,187)
```
#b497bb
```
#b497bb rgb(180,151,187)
```
#b797bb
```
#b797bb rgb(183,151,187)
```
#ba97bb
```
#ba97bb rgb(186,151,187)
```
#bb97b9
```
#bb97b9 rgb(187,151,185)
```
#bb97b6
```
#bb97b6 rgb(187,151,182)
```
#bb97b3
```
#bb97b3 rgb(187,151,179)
```

Similar Colors

Text with hexadecimal color #ba97bb

This text has a font color of #ba97bb.

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

#ba97bb background color

This paragraph has a background color of #ba97bb.

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

#ba97bb border color

This element has a border color of #ba97bb.

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

CSS codes

.text {color:#ba97bb;}

.background {background-color:#ba97bb;}

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

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

#030203
```
#030203 rgb(3,2,3)
```
#0e0a0f
```
#0e0a0f rgb(14,10,15)
```
#1a111a
```
#1a111a rgb(26,17,26)
```
#261926
```
#261926 rgb(38,25,38)
```
#322132
```
#322132 rgb(50,33,50)
```
#3d293e
```
#3d293e rgb(61,41,62)
```
#49304a
```
#49304a rgb(73,48,74)
```
#553856
```
#553856 rgb(85,56,86)
```
#614062
```
#614062 rgb(97,64,98)
```
#6c486d
```
#6c486d rgb(108,72,109)
```
#784f79
```
#784f79 rgb(120,79,121)
```
#845785
```
#845785 rgb(132,87,133)
```
#905f91
```
#905f91 rgb(144,95,145)
```

Shade Color Variation

#9b689c
```
#9b689c rgb(155,104,156)
```
#a273a4
```
#a273a4 rgb(162,115,164)
```
#aa7fab
```
#aa7fab rgb(170,127,171)
```
#b28bb3
```
#b28bb3 rgb(178,139,179)
```
#ba97bb
```
#ba97bb rgb(186,151,187)
```
#c2a3c3
```
#c2a3c3 rgb(194,163,195)
```
#caafcb
```
#caafcb rgb(202,175,203)
```
#d2bbd2
```
#d2bbd2 rgb(210,187,210)
```
#d9c6da
```
#d9c6da rgb(217,198,218)
```
#e1d2e2
```
#e1d2e2 rgb(225,210,226)
```
#e9deea
```
#e9deea rgb(233,222,234)
```
#f1eaf1
```
#f1eaf1 rgb(241,234,241)
```
#f9f6f9
```
#f9f6f9 rgb(249,246,249)
```

Tint Color Variation

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

#aea4ae
```
#aea4ae rgb(174,164,174)
```
#b49eb4
```
#b49eb4 rgb(180,158,180)
```
#ba97bb
```
#ba97bb rgb(186,151,187)
```
#c090c2
```
#c090c2 rgb(192,144,194)
```
#c68ac8
```
#c68ac8 rgb(198,138,200)
```
#cd83cf
```
#cd83cf rgb(205,131,207)
```
#d37dd5
```
#d37dd5 rgb(211,125,213)
```
#d976dc
```
#d976dc rgb(217,118,220)
```
#df6fe3
```
#df6fe3 rgb(223,111,227)
```
#e669e9
```
#e669e9 rgb(230,105,233)
```
#ec62f0
```
#ec62f0 rgb(236,98,240)
```
#f25bf7
```
#f25bf7 rgb(242,91,247)
```
#f855fd
```
#f855fd rgb(248,85,253)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#aaa3aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a5c3 Protanopia 1% of men
#aba3bc Deuteranopia 1% of men
#ba9fab Tritanopia 0.001% of the population

Trichromacy

#a9a0c0 Protanomaly 1% of men, 0.01% of women
#b09ebb Deuteranomaly 6% of men, 0.4% of women
#ba9cb0 Tritanomaly 0.01% of the population

#ba97bb hex color

#ba97bb Color Information

#ba97bb Color Conversion

Color Schemes with #ba97bb

Alternatives to #ba97bb

#ba97bb Preview

Shades and Tints of #ba97bb

Tones of #ba97bb

Color Blindness Simulator