#bba4ce hex color

In a RGB color space, hex #bba4ce is composed of 73.3% red, 64.3% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 9.2% cyan, 20.4% magenta, 0% yellow and 19.2% black. It has a hue angle of 272.9 degrees, a saturation of 30% and a lightness of 72.5%. #bba4ce color hex could be obtained by blending #ffffff with #77499d. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 64
- B 81
RGB color chart
- C 9
- M 20
- Y 0
- K 19
CMYK color chart

● #bba4ce color description : Grayish violet.

The hexadecimal color #bba4ce has RGB values of R:187, G:164, B:206 and CMYK values of C:0.09, M:0.2, Y:0, K:0.19. Its decimal value is 12297422.

Hex triplet	bba4ce	`#bba4ce`
RGB Decimal	187, 164, 206	`rgb(187,164,206)`
RGB Percent	73.3, 64.3, 80.8	`rgb(73.3%,64.3%,80.8%)`
CMYK	9, 20, 0, 19
HSL	272.9°, 30, 72.5	`hsl(272.9,30%,72.5%)`
HSV (or HSB)	272.9°, 20.4, 80.8
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	70.575, 16.263, -18.308
XYZ	44.908, 41.572, 64.048
xyY	0.298, 0.276, 41.572
CIE-LCH	70.575, 24.489, 311.614
CIE-LUV	70.575, 9.982, -30.826
Hunter-Lab	64.477, 11.491, -13.762
Binary	10111011, 10100100, 11001110

#bba4ce
```
#bba4ce rgb(187,164,206)
```
#b7cea4
```
#b7cea4 rgb(183,206,164)
```

Complementary Color

#a6a4ce
```
#a6a4ce rgb(166,164,206)
```
#bba4ce
```
#bba4ce rgb(187,164,206)
```
#cea4cc
```
#cea4cc rgb(206,164,204)
```

Analogous Color

#a4cea6
```
#a4cea6 rgb(164,206,166)
```
#bba4ce
```
#bba4ce rgb(187,164,206)
```
#cccea4
```
#cccea4 rgb(204,206,164)
```

Split Complementary Color

#a4cebb
```
#a4cebb rgb(164,206,187)
```
#bba4ce
```
#bba4ce rgb(187,164,206)
```
#cebba4
```
#cebba4 rgb(206,187,164)
```

Triadic Color

#a4b7ce
```
#a4b7ce rgb(164,183,206)
```
#bba4ce
```
#bba4ce rgb(187,164,206)
```
#cebba4
```
#cebba4 rgb(206,187,164)
```
#b7cea4
```
#b7cea4 rgb(183,206,164)
```

Tetradic Color

#9672b3
```
#9672b3 rgb(150,114,179)
```
#a283bc
```
#a283bc rgb(162,131,188)
```
#af93c5
```
#af93c5 rgb(175,147,197)
```
#bba4ce
```
#bba4ce rgb(187,164,206)
```
#c7b5d7
```
#c7b5d7 rgb(199,181,215)
```
#d4c5e0
```
#d4c5e0 rgb(212,197,224)
```
#e0d6e9
```
#e0d6e9 rgb(224,214,233)
```

Monochromatic Color

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

#b1a4ce
```
#b1a4ce rgb(177,164,206)
```
#b4a4ce
```
#b4a4ce rgb(180,164,206)
```
#b8a4ce
```
#b8a4ce rgb(184,164,206)
```
#bba4ce
```
#bba4ce rgb(187,164,206)
```
#bfa4ce
```
#bfa4ce rgb(191,164,206)
```
#c2a4ce
```
#c2a4ce rgb(194,164,206)
```
#c6a4ce
```
#c6a4ce rgb(198,164,206)
```

Similar Colors

Text with hexadecimal color #bba4ce

This text has a font color of #bba4ce.

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

#bba4ce background color

This paragraph has a background color of #bba4ce.

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

#bba4ce border color

This element has a border color of #bba4ce.

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

CSS codes

.text {color:#bba4ce;}

.background {background-color:#bba4ce;}

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

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, #09060b is the darkest color, while #fefdfe is the lightest one.

#09060b
```
#09060b rgb(9,6,11)
```
#130d18
```
#130d18 rgb(19,13,24)
```
#1d1425
```
#1d1425 rgb(29,20,37)
```
#271b31
```
#271b31 rgb(39,27,49)
```
#31213e
```
#31213e rgb(49,33,62)
```
#3b284b
```
#3b284b rgb(59,40,75)
```
#452f58
```
#452f58 rgb(69,47,88)
```
#4f3664
```
#4f3664 rgb(79,54,100)
```
#593d71
```
#593d71 rgb(89,61,113)
```
#63447e
```
#63447e rgb(99,68,126)
```
#6e4b8b
```
#6e4b8b rgb(110,75,139)
```
#785197
```
#785197 rgb(120,81,151)
```
#8258a4
```
#8258a4 rgb(130,88,164)
```

Shade Color Variation

#8b64ac
```
#8b64ac rgb(139,100,172)
```
#9571b3
```
#9571b3 rgb(149,113,179)
```
#9e7eb9
```
#9e7eb9 rgb(158,126,185)
```
#a88bc0
```
#a88bc0 rgb(168,139,192)
```
#b197c7
```
#b197c7 rgb(177,151,199)
```
#bba4ce
```
#bba4ce rgb(187,164,206)
```
#c5b1d5
```
#c5b1d5 rgb(197,177,213)
```
#cebedc
```
#cebedc rgb(206,190,220)
```
#d8cae3
```
#d8cae3 rgb(216,202,227)
```
#e1d7e9
```
#e1d7e9 rgb(225,215,233)
```
#ebe4f0
```
#ebe4f0 rgb(235,228,240)
```
#f4f1f7
```
#f4f1f7 rgb(244,241,247)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#b9b4be
```
#b9b4be rgb(185,180,190)
```
#baafc3
```
#baafc3 rgb(186,175,195)
```
#baa9c9
```
#baa9c9 rgb(186,169,201)
```
#bba4ce
```
#bba4ce rgb(187,164,206)
```
#bc9fd3
```
#bc9fd3 rgb(188,159,211)
```
#bc99d9
```
#bc99d9 rgb(188,153,217)
```
#bd94de
```
#bd94de rgb(189,148,222)
```
#bd8ee4
```
#bd8ee4 rgb(189,142,228)
```
#be89e9
```
#be89e9 rgb(190,137,233)
```
#be84ee
```
#be84ee rgb(190,132,238)
```
#bf7ef4
```
#bf7ef4 rgb(191,126,244)
```
#bf79f9
```
#bf79f9 rgb(191,121,249)
```
#c074fe
```
#c074fe rgb(192,116,254)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b2aeb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7afd4 Protanopia 1% of men
#b1adcf Deuteranopia 1% of men
#baadb9 Tritanopia 0.001% of the population

Trichromacy

#aeabd2 Protanomaly 1% of men, 0.01% of women
#b5a9ce Deuteranomaly 6% of men, 0.4% of women
#baa9c0 Tritanomaly 0.01% of the population

#bba4ce hex color

#bba4ce Color Information

#bba4ce Color Conversion

Color Schemes with #bba4ce

Alternatives to #bba4ce

#bba4ce Preview

Shades and Tints of #bba4ce

Tones of #bba4ce

Color Blindness Simulator