#bba2ae hex color

In a RGB color space, hex #bba2ae is composed of 73.3% red, 63.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.4% magenta, 7% yellow and 26.7% black. It has a hue angle of 331.2 degrees, a saturation of 15.5% and a lightness of 68.4%. #bba2ae color hex could be obtained by blending #ffffff with #77455d. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 73
- G 64
- B 68
RGB color chart
- C 0
- M 13
- Y 7
- K 27
CMYK color chart

● #bba2ae color description : Grayish pink.

The hexadecimal color #bba2ae has RGB values of R:187, G:162, B:174 and CMYK values of C:0, M:0.13, Y:0.07, K:0.27. Its decimal value is 12296878.

Hex triplet	bba2ae	`#bba2ae`
RGB Decimal	187, 162, 174	`rgb(187,162,174)`
RGB Percent	73.3, 63.5, 68.2	`rgb(73.3%,63.5%,68.2%)`
CMYK	0, 13, 7, 27
HSL	331.2°, 15.5, 68.4	`hsl(331.2,15.5%,68.4%)`
HSV (or HSB)	331.2°, 13.4, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.085, 11.209, -2.823
XYZ	41.053, 39.462, 45.496
xyY	0.326, 0.313, 39.462
CIE-LCH	69.085, 11.559, 345.862
CIE-LUV	69.085, 13.981, -6.085
Hunter-Lab	62.819, 6.718, 1.033
Binary	10111011, 10100010, 10101110

#bba2ae
```
#bba2ae rgb(187,162,174)
```
#a2bbaf
```
#a2bbaf rgb(162,187,175)
```

Complementary Color

#bba2bb
```
#bba2bb rgb(187,162,187)
```
#bba2ae
```
#bba2ae rgb(187,162,174)
```
#bba3a2
```
#bba3a2 rgb(187,163,162)
```

Analogous Color

#a2bbbb
```
#a2bbbb rgb(162,187,187)
```
#bba2ae
```
#bba2ae rgb(187,162,174)
```
#a2bba3
```
#a2bba3 rgb(162,187,163)
```

Split Complementary Color

#a2aebb
```
#a2aebb rgb(162,174,187)
```
#bba2ae
```
#bba2ae rgb(187,162,174)
```
#aebba2
```
#aebba2 rgb(174,187,162)
```

Triadic Color

#afa2bb
```
#afa2bb rgb(175,162,187)
```
#bba2ae
```
#bba2ae rgb(187,162,174)
```
#aebba2
```
#aebba2 rgb(174,187,162)
```
#a2bbaf
```
#a2bbaf rgb(162,187,175)
```

Tetradic Color

#9b7688
```
#9b7688 rgb(155,118,136)
```
#a58594
```
#a58594 rgb(165,133,148)
```
#b093a1
```
#b093a1 rgb(176,147,161)
```
#bba2ae
```
#bba2ae rgb(187,162,174)
```
#c6b1bb
```
#c6b1bb rgb(198,177,187)
```
#d1bfc8
```
#d1bfc8 rgb(209,191,200)
```
#dbced4
```
#dbced4 rgb(219,206,212)
```

Monochromatic Color

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

#bba2b4
```
#bba2b4 rgb(187,162,180)
```
#bba2b2
```
#bba2b2 rgb(187,162,178)
```
#bba2b0
```
#bba2b0 rgb(187,162,176)
```
#bba2ae
```
#bba2ae rgb(187,162,174)
```
#bba2ac
```
#bba2ac rgb(187,162,172)
```
#bba2aa
```
#bba2aa rgb(187,162,170)
```
#bba2a8
```
#bba2a8 rgb(187,162,168)
```

Similar Colors

Text with hexadecimal color #bba2ae

This text has a font color of #bba2ae.

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

#bba2ae background color

This paragraph has a background color of #bba2ae.

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

#bba2ae border color

This element has a border color of #bba2ae.

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

CSS codes

.text {color:#bba2ae;}

.background {background-color:#bba2ae;}

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

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

#090708
```
#090708 rgb(9,7,8)
```
#140f11
```
#140f11 rgb(20,15,17)
```
#20171b
```
#20171b rgb(32,23,27)
```
#2b1f25
```
#2b1f25 rgb(43,31,37)
```
#36282f
```
#36282f rgb(54,40,47)
```
#423038
```
#423038 rgb(66,48,56)
```
#4d3842
```
#4d3842 rgb(77,56,66)
```
#58414c
```
#58414c rgb(88,65,76)
```
#644956
```
#644956 rgb(100,73,86)
```
#6f515f
```
#6f515f rgb(111,81,95)
```
#7a5969
```
#7a5969 rgb(122,89,105)
```
#866273
```
#866273 rgb(134,98,115)
```
#916a7d
```
#916a7d rgb(145,106,125)
```

Shade Color Variation

#9a7587
```
#9a7587 rgb(154,117,135)
```
#a28090
```
#a28090 rgb(162,128,144)
```
#aa8b9a
```
#aa8b9a rgb(170,139,154)
```
#b397a4
```
#b397a4 rgb(179,151,164)
```
#bba2ae
```
#bba2ae rgb(187,162,174)
```
#c3adb8
```
#c3adb8 rgb(195,173,184)
```
#ccb9c2
```
#ccb9c2 rgb(204,185,194)
```
#d4c4cc
```
#d4c4cc rgb(212,196,204)
```
#dccfd5
```
#dccfd5 rgb(220,207,213)
```
#e4dbdf
```
#e4dbdf rgb(228,219,223)
```
#ede6e9
```
#ede6e9 rgb(237,230,233)
```
#f5f1f3
```
#f5f1f3 rgb(245,241,243)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#afaeae
```
#afaeae rgb(175,174,174)
```
#b5a8ae
```
#b5a8ae rgb(181,168,174)
```
#bba2ae
```
#bba2ae rgb(187,162,174)
```
#c19cae
```
#c19cae rgb(193,156,174)
```
#c796ae
```
#c796ae rgb(199,150,174)
```
#ce8fad
```
#ce8fad rgb(206,143,173)
```
#d489ad
```
#d489ad rgb(212,137,173)
```
#da83ad
```
#da83ad rgb(218,131,173)
```
#e07dad
```
#e07dad rgb(224,125,173)
```
#e677ac
```
#e677ac rgb(230,119,172)
```
#ed70ac
```
#ed70ac rgb(237,112,172)
```
#f36aac
```
#f36aac rgb(243,106,172)
```
#f964ac
```
#f964ac rgb(249,100,172)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#aea9ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#adacb5 Protanopia 1% of men
#baa8b1 Deuteranopia 1% of men
#bea6b2 Tritanopia 0.001% of the population

Trichromacy

#b2a8b2 Protanomaly 1% of men, 0.01% of women
#baa5b0 Deuteranomaly 6% of men, 0.4% of women
#bda5b0 Tritanomaly 0.01% of the population

#bba2ae hex color

#bba2ae Color Information

#bba2ae Color Conversion

Color Schemes with #bba2ae

Alternatives to #bba2ae

#bba2ae Preview

Shades and Tints of #bba2ae

Tones of #bba2ae

Color Blindness Simulator