#bba4bc hex color

In a RGB color space, hex #bba4bc is composed of 73.3% red, 64.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 12.8% magenta, 0% yellow and 26.3% black. It has a hue angle of 297.5 degrees, a saturation of 15.2% and a lightness of 69%. #bba4bc color hex could be obtained by blending #ffffff with #774979. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 64
- B 74
RGB color chart
- C 1
- M 13
- Y 0
- K 26
CMYK color chart

● #bba4bc color description : Grayish magenta.

The hexadecimal color #bba4bc has RGB values of R:187, G:164, B:188 and CMYK values of C:0.01, M:0.13, Y:0, K:0.26. Its decimal value is 12297404.

Hex triplet	bba4bc	`#bba4bc`
RGB Decimal	187, 164, 188	`rgb(187,164,188)`
RGB Percent	73.3, 64.3, 73.7	`rgb(73.3%,64.3%,73.7%)`
CMYK	1, 13, 0, 26
HSL	297.5°, 15.2, 69	`hsl(297.5,15.2%,69%)`
HSV (or HSB)	297.5°, 12.8, 73.7
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	69.998, 12.692, -9.234
XYZ	42.845, 40.747, 53.182
xyY	0.313, 0.298, 40.747
CIE-LCH	69.998, 15.695, 323.963
CIE-LUV	69.998, 11.651, -16.009
Hunter-Lab	63.833, 8.1, -4.713
Binary	10111011, 10100100, 10111100

#bba4bc
```
#bba4bc rgb(187,164,188)
```
#a5bca4
```
#a5bca4 rgb(165,188,164)
```

Complementary Color

#afa4bc
```
#afa4bc rgb(175,164,188)
```
#bba4bc
```
#bba4bc rgb(187,164,188)
```
#bca4b1
```
#bca4b1 rgb(188,164,177)
```

Analogous Color

#a4bcaf
```
#a4bcaf rgb(164,188,175)
```
#bba4bc
```
#bba4bc rgb(187,164,188)
```
#b1bca4
```
#b1bca4 rgb(177,188,164)
```

Split Complementary Color

#a4bcbb
```
#a4bcbb rgb(164,188,187)
```
#bba4bc
```
#bba4bc rgb(187,164,188)
```
#bcbba4
```
#bcbba4 rgb(188,187,164)
```

Triadic Color

#a4a5bc
```
#a4a5bc rgb(164,165,188)
```
#bba4bc
```
#bba4bc rgb(187,164,188)
```
#bcbba4
```
#bcbba4 rgb(188,187,164)
```
#a5bca4
```
#a5bca4 rgb(165,188,164)
```

Tetradic Color

#9a789c
```
#9a789c rgb(154,120,156)
```
#a587a6
```
#a587a6 rgb(165,135,166)
```
#b095b1
```
#b095b1 rgb(176,149,177)
```
#bba4bc
```
#bba4bc rgb(187,164,188)
```
#c6b3c7
```
#c6b3c7 rgb(198,179,199)
```
#d1c1d2
```
#d1c1d2 rgb(209,193,210)
```
#dcd0dc
```
#dcd0dc rgb(220,208,220)
```

Monochromatic Color

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

#b5a4bc
```
#b5a4bc rgb(181,164,188)
```
#b7a4bc
```
#b7a4bc rgb(183,164,188)
```
#b9a4bc
```
#b9a4bc rgb(185,164,188)
```
#bba4bc
```
#bba4bc rgb(187,164,188)
```
#bca4bb
```
#bca4bb rgb(188,164,187)
```
#bca4b9
```
#bca4b9 rgb(188,164,185)
```
#bca4b7
```
#bca4b7 rgb(188,164,183)
```

Similar Colors

Text with hexadecimal color #bba4bc

This text has a font color of #bba4bc.

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

#bba4bc background color

This paragraph has a background color of #bba4bc.

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

#bba4bc border color

This element has a border color of #bba4bc.

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

CSS codes

.text {color:#bba4bc;}

.background {background-color:#bba4bc;}

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

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, #0b080b is the darkest color, while #fffeff is the lightest one.

#0b080b
```
#0b080b rgb(11,8,11)
```
#161016
```
#161016 rgb(22,16,22)
```
#211821
```
#211821 rgb(33,24,33)
```
#2c212d
```
#2c212d rgb(44,33,45)
```
#372938
```
#372938 rgb(55,41,56)
```
#423143
```
#423143 rgb(66,49,67)
```
#4e3a4e
```
#4e3a4e rgb(78,58,78)
```
#59425a
```
#59425a rgb(89,66,90)
```
#644a65
```
#644a65 rgb(100,74,101)
```
#6f5370
```
#6f5370 rgb(111,83,112)
```
#7a5b7c
```
#7a5b7c rgb(122,91,124)
```
#856387
```
#856387 rgb(133,99,135)
```
#916c92
```
#916c92 rgb(145,108,146)
```

Shade Color Variation

#99779b
```
#99779b rgb(153,119,155)
```
#a282a3
```
#a282a3 rgb(162,130,163)
```
#aa8dab
```
#aa8dab rgb(170,141,171)
```
#b399b4
```
#b399b4 rgb(179,153,180)
```
#bba4bc
```
#bba4bc rgb(187,164,188)
```
#c3afc4
```
#c3afc4 rgb(195,175,196)
```
#ccbbcd
```
#ccbbcd rgb(204,187,205)
```
#d4c6d5
```
#d4c6d5 rgb(212,198,213)
```
#ddd1dd
```
#ddd1dd rgb(221,209,221)
```
#e5dce6
```
#e5dce6 rgb(229,220,230)
```
#eee8ee
```
#eee8ee rgb(238,232,238)
```
#f6f3f6
```
#f6f3f6 rgb(246,243,246)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#b5aab6
```
#b5aab6 rgb(181,170,182)
```
#bba4bc
```
#bba4bc rgb(187,164,188)
```
#c19ec2
```
#c19ec2 rgb(193,158,194)
```
#c698c8
```
#c698c8 rgb(198,152,200)
```
#cc92ce
```
#cc92ce rgb(204,146,206)
```
#d18cd4
```
#d18cd4 rgb(209,140,212)
```
#d786da
```
#d786da rgb(215,134,218)
```
#dc80e0
```
#dc80e0 rgb(220,128,224)
```
#e279e7
```
#e279e7 rgb(226,121,231)
```
#e873ed
```
#e873ed rgb(232,115,237)
```
#ed6df3
```
#ed6df3 rgb(237,109,243)
```
#f367f9
```
#f367f9 rgb(243,103,249)
```
#f861ff
```
#f861ff rgb(248,97,255)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b1acb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acaec2 Protanopia 1% of men
#b8aabe Deuteranopia 1% of men
#bcaab6 Tritanopia 0.001% of the population

Trichromacy

#b1aac0 Protanomaly 1% of men, 0.01% of women
#b9a8bd Deuteranomaly 6% of men, 0.4% of women
#bca8b8 Tritanomaly 0.01% of the population

#bba4bc hex color

#bba4bc Color Information

#bba4bc Color Conversion

Color Schemes with #bba4bc

Alternatives to #bba4bc

#bba4bc Preview

Shades and Tints of #bba4bc

Tones of #bba4bc

Color Blindness Simulator