#ba97a5 hex color

In a RGB color space, hex #ba97a5 is composed of 72.9% red, 59.2% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.8% magenta, 11.3% yellow and 27.1% black. It has a hue angle of 336 degrees, a saturation of 20.2% and a lightness of 66.1%. #ba97a5 color hex could be obtained by blending #ffffff with #752f4b. Closest websafe color is: #cc9999.

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

● #ba97a5 color description : Grayish pink.

The hexadecimal color #ba97a5 has RGB values of R:186, G:151, B:165 and CMYK values of C:0, M:0.19, Y:0.11, K:0.27. Its decimal value is 12228517.

Hex triplet	ba97a5	`#ba97a5`
RGB Decimal	186, 151, 165	`rgb(186,151,165)`
RGB Percent	72.9, 59.2, 64.7	`rgb(72.9%,59.2%,64.7%)`
CMYK	0, 19, 11, 27
HSL	336°, 20.2, 66.1	`hsl(336,20.2%,66.1%)`
HSV (or HSB)	336°, 18.8, 72.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	65.974, 15.353, -2.381
XYZ	38.107, 35.29, 40.4
xyY	0.335, 0.31, 35.29
CIE-LCH	65.974, 15.536, 351.185
CIE-LUV	65.974, 20.157, -6.118
Hunter-Lab	59.405, 10.544, 1.263
Binary	10111010, 10010111, 10100101

#ba97a5
```
#ba97a5 rgb(186,151,165)
```
#97baac
```
#97baac rgb(151,186,172)
```

Complementary Color

#ba97b7
```
#ba97b7 rgb(186,151,183)
```
#ba97a5
```
#ba97a5 rgb(186,151,165)
```
#ba9b97
```
#ba9b97 rgb(186,155,151)
```

Analogous Color

#97b7ba
```
#97b7ba rgb(151,183,186)
```
#ba97a5
```
#ba97a5 rgb(186,151,165)
```
#97ba9b
```
#97ba9b rgb(151,186,155)
```

Split Complementary Color

#97a5ba
```
#97a5ba rgb(151,165,186)
```
#ba97a5
```
#ba97a5 rgb(186,151,165)
```
#a5ba97
```
#a5ba97 rgb(165,186,151)
```

Triadic Color

#ac97ba
```
#ac97ba rgb(172,151,186)
```
#ba97a5
```
#ba97a5 rgb(186,151,165)
```
#a5ba97
```
#a5ba97 rgb(165,186,151)
```
#97baac
```
#97baac rgb(151,186,172)
```

Tetradic Color

#9b697d
```
#9b697d rgb(155,105,125)
```
#a6788a
```
#a6788a rgb(166,120,138)
```
#b08898
```
#b08898 rgb(176,136,152)
```
#ba97a5
```
#ba97a5 rgb(186,151,165)
```
#c4a6b2
```
#c4a6b2 rgb(196,166,178)
```
#ceb6c0
```
#ceb6c0 rgb(206,182,192)
```
#d9c5cd
```
#d9c5cd rgb(217,197,205)
```

Monochromatic Color

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

#ba97ae
```
#ba97ae rgb(186,151,174)
```
#ba97ab
```
#ba97ab rgb(186,151,171)
```
#ba97a8
```
#ba97a8 rgb(186,151,168)
```
#ba97a5
```
#ba97a5 rgb(186,151,165)
```
#ba97a2
```
#ba97a2 rgb(186,151,162)
```
#ba979f
```
#ba979f rgb(186,151,159)
```
#ba979c
```
#ba979c rgb(186,151,156)
```

Similar Colors

Text with hexadecimal color #ba97a5

This text has a font color of #ba97a5.

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

#ba97a5 background color

This paragraph has a background color of #ba97a5.

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

#ba97a5 border color

This element has a border color of #ba97a5.

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

CSS codes

.text {color:#ba97a5;}

.background {background-color:#ba97a5;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0e090b
```
#0e090b rgb(14,9,11)
```
#1a1115
```
#1a1115 rgb(26,17,21)
```
#26191e
```
#26191e rgb(38,25,30)
```
#312127
```
#312127 rgb(49,33,39)
```
#3d2931
```
#3d2931 rgb(61,41,49)
```
#49303a
```
#49303a rgb(73,48,58)
```
#553844
```
#553844 rgb(85,56,68)
```
#60404d
```
#60404d rgb(96,64,77)
```
#6c4856
```
#6c4856 rgb(108,72,86)
```
#785060
```
#785060 rgb(120,80,96)
```
#845769
```
#845769 rgb(132,87,105)
```
#905f73
```
#905f73 rgb(144,95,115)
```

Shade Color Variation

#9b687c
```
#9b687c rgb(155,104,124)
```
#a37486
```
#a37486 rgb(163,116,134)
```
#aa7f91
```
#aa7f91 rgb(170,127,145)
```
#b28b9b
```
#b28b9b rgb(178,139,155)
```
#ba97a5
```
#ba97a5 rgb(186,151,165)
```
#c2a3af
```
#c2a3af rgb(194,163,175)
```
#caafb9
```
#caafb9 rgb(202,175,185)
```
#d1bac4
```
#d1bac4 rgb(209,186,196)
```
#d9c6ce
```
#d9c6ce rgb(217,198,206)
```
#e1d2d8
```
#e1d2d8 rgb(225,210,216)
```
#e9dee2
```
#e9dee2 rgb(233,222,226)
```
#f1eaec
```
#f1eaec rgb(241,234,236)
```
#f9f5f7
```
#f9f5f7 rgb(249,245,247)
```

Tint Color Variation

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

#ada4a8
```
#ada4a8 rgb(173,164,168)
```
#b39ea6
```
#b39ea6 rgb(179,158,166)
```
#ba97a5
```
#ba97a5 rgb(186,151,165)
```
#c190a4
```
#c190a4 rgb(193,144,164)
```
#c78aa2
```
#c78aa2 rgb(199,138,162)
```
#ce83a1
```
#ce83a1 rgb(206,131,161)
```
#d57ca0
```
#d57ca0 rgb(213,124,160)
```
#db769e
```
#db769e rgb(219,118,158)
```
#e26f9d
```
#e26f9d rgb(226,111,157)
```
#e9689c
```
#e9689c rgb(233,104,156)
```
#ef629a
```
#ef629a rgb(239,98,154)
```
#f65b99
```
#f65b99 rgb(246,91,153)
```
#fd5498
```
#fd5498 rgb(253,84,152)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a8a1a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a4ad Protanopia 1% of men
#b2a0a8 Deuteranopia 1% of men
#bd9ca7 Tritanopia 0.001% of the population

Trichromacy

#ac9faa Protanomaly 1% of men, 0.01% of women
#b59da7 Deuteranomaly 6% of men, 0.4% of women
#bc9aa6 Tritanomaly 0.01% of the population

#ba97a5 hex color

#ba97a5 Color Information

#ba97a5 Color Conversion

Color Schemes with #ba97a5

Alternatives to #ba97a5

#ba97a5 Preview

Shades and Tints of #ba97a5

Tones of #ba97a5

Color Blindness Simulator