#bba5cd hex color

In a RGB color space, hex #bba5cd is composed of 73.3% red, 64.7% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 8.8% cyan, 19.5% magenta, 0% yellow and 19.6% black. It has a hue angle of 273 degrees, a saturation of 28.6% and a lightness of 72.5%. #bba5cd color hex could be obtained by blending #ffffff with #774b9b. Closest websafe color is: #cc99cc.

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

● #bba5cd color description : Grayish violet.

The hexadecimal color #bba5cd has RGB values of R:187, G:165, B:205 and CMYK values of C:0.09, M:0.2, Y:0, K:0.2. Its decimal value is 12297677.

Hex triplet	bba5cd	`#bba5cd`
RGB Decimal	187, 165, 205	`rgb(187,165,205)`
RGB Percent	73.3, 64.7, 80.4	`rgb(73.3%,64.7%,80.4%)`
CMYK	9, 20, 0, 20
HSL	273°, 28.6, 72.5	`hsl(273,28.6%,72.5%)`
HSV (or HSB)	273°, 19.5, 80.4
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	70.79, 15.504, -17.432
XYZ	44.966, 41.883, 63.47
xyY	0.299, 0.279, 41.883
CIE-LCH	70.79, 23.329, 311.651
CIE-LUV	70.79, 9.597, -29.322
Hunter-Lab	64.717, 10.769, -12.845
Binary	10111011, 10100101, 11001101

#bba5cd
```
#bba5cd rgb(187,165,205)
```
#b7cda5
```
#b7cda5 rgb(183,205,165)
```

Complementary Color

#a7a5cd
```
#a7a5cd rgb(167,165,205)
```
#bba5cd
```
#bba5cd rgb(187,165,205)
```
#cda5cb
```
#cda5cb rgb(205,165,203)
```

Analogous Color

#a5cda7
```
#a5cda7 rgb(165,205,167)
```
#bba5cd
```
#bba5cd rgb(187,165,205)
```
#cbcda5
```
#cbcda5 rgb(203,205,165)
```

Split Complementary Color

#a5cdbb
```
#a5cdbb rgb(165,205,187)
```
#bba5cd
```
#bba5cd rgb(187,165,205)
```
#cdbba5
```
#cdbba5 rgb(205,187,165)
```

Triadic Color

#a5b7cd
```
#a5b7cd rgb(165,183,205)
```
#bba5cd
```
#bba5cd rgb(187,165,205)
```
#cdbba5
```
#cdbba5 rgb(205,187,165)
```
#b7cda5
```
#b7cda5 rgb(183,205,165)
```

Tetradic Color

#9674b2
```
#9674b2 rgb(150,116,178)
```
#a284bb
```
#a284bb rgb(162,132,187)
```
#af95c4
```
#af95c4 rgb(175,149,196)
```
#bba5cd
```
#bba5cd rgb(187,165,205)
```
#c7b5d6
```
#c7b5d6 rgb(199,181,214)
```
#d4c6df
```
#d4c6df rgb(212,198,223)
```
#e0d6e8
```
#e0d6e8 rgb(224,214,232)
```

Monochromatic Color

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

#b1a5cd
```
#b1a5cd rgb(177,165,205)
```
#b4a5cd
```
#b4a5cd rgb(180,165,205)
```
#b8a5cd
```
#b8a5cd rgb(184,165,205)
```
#bba5cd
```
#bba5cd rgb(187,165,205)
```
#bea5cd
```
#bea5cd rgb(190,165,205)
```
#c2a5cd
```
#c2a5cd rgb(194,165,205)
```
#c5a5cd
```
#c5a5cd rgb(197,165,205)
```

Similar Colors

Text with hexadecimal color #bba5cd

This text has a font color of #bba5cd.

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

#bba5cd background color

This paragraph has a background color of #bba5cd.

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

#bba5cd border color

This element has a border color of #bba5cd.

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

CSS codes

.text {color:#bba5cd;}

.background {background-color:#bba5cd;}

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

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)
```
#130d17
```
#130d17 rgb(19,13,23)
```
#1d1424
```
#1d1424 rgb(29,20,36)
```
#271b31
```
#271b31 rgb(39,27,49)
```
#31223d
```
#31223d rgb(49,34,61)
```
#3b294a
```
#3b294a rgb(59,41,74)
```
#453057
```
#453057 rgb(69,48,87)
```
#4f3763
```
#4f3763 rgb(79,55,99)
```
#593e70
```
#593e70 rgb(89,62,112)
```
#63457c
```
#63457c rgb(99,69,124)
```
#6e4c89
```
#6e4c89 rgb(110,76,137)
```
#785396
```
#785396 rgb(120,83,150)
```
#825aa2
```
#825aa2 rgb(130,90,162)
```

Shade Color Variation

#8b66aa
```
#8b66aa rgb(139,102,170)
```
#9573b1
```
#9573b1 rgb(149,115,177)
```
#9e7fb8
```
#9e7fb8 rgb(158,127,184)
```
#a88cbf
```
#a88cbf rgb(168,140,191)
```
#b198c6
```
#b198c6 rgb(177,152,198)
```
#bba5cd
```
#bba5cd rgb(187,165,205)
```
#c5b2d4
```
#c5b2d4 rgb(197,178,212)
```
#cebedb
```
#cebedb rgb(206,190,219)
```
#d8cbe2
```
#d8cbe2 rgb(216,203,226)
```
#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, #b9b5bd is the less saturated color, while #c075fd is the most saturated one.

#b9b5bd
```
#b9b5bd rgb(185,181,189)
```
#bab0c2
```
#bab0c2 rgb(186,176,194)
```
#baaac8
```
#baaac8 rgb(186,170,200)
```
#bba5cd
```
#bba5cd rgb(187,165,205)
```
#bca0d2
```
#bca0d2 rgb(188,160,210)
```
#bc9ad8
```
#bc9ad8 rgb(188,154,216)
```
#bd95dd
```
#bd95dd rgb(189,149,221)
```
#bd8fe3
```
#bd8fe3 rgb(189,143,227)
```
#be8ae8
```
#be8ae8 rgb(190,138,232)
```
#be85ed
```
#be85ed rgb(190,133,237)
```
#bf7ff3
```
#bf7ff3 rgb(191,127,243)
```
#bf7af8
```
#bf7af8 rgb(191,122,248)
```
#c075fd
```
#c075fd rgb(192,117,253)
```

Tone Color Variation

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

#a9afd3 Protanopia 1% of men
#b3adce Deuteranopia 1% of men
#baadba Tritanopia 0.001% of the population

Trichromacy

#afabd1 Protanomaly 1% of men, 0.01% of women
#b5aacd Deuteranomaly 6% of men, 0.4% of women
#baaac0 Tritanomaly 0.01% of the population

#bba5cd hex color

#bba5cd Color Information

#bba5cd Color Conversion

Color Schemes with #bba5cd

Alternatives to #bba5cd

#bba5cd Preview

Shades and Tints of #bba5cd

Tones of #bba5cd

Color Blindness Simulator