#ba5bbb hex color

In a RGB color space, hex #ba5bbb is composed of 72.9% red, 35.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 51.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 299.4 degrees, a saturation of 41.4% and a lightness of 54.5%. #ba5bbb color hex could be obtained by blending #ffb6ff with #750077. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 36
- B 73
RGB color chart
- C 1
- M 51
- Y 0
- K 27
CMYK color chart

● #ba5bbb color description : Moderate magenta.

The hexadecimal color #ba5bbb has RGB values of R:186, G:91, B:187 and CMYK values of C:0.01, M:0.51, Y:0, K:0.27. Its decimal value is 12213179.

Hex triplet	ba5bbb	`#ba5bbb`
RGB Decimal	186, 91, 187	`rgb(186,91,187)`
RGB Percent	72.9, 35.7, 73.3	`rgb(72.9%,35.7%,73.3%)`
CMYK	1, 51, 0, 27
HSL	299.4°, 41.4, 54.5	`hsl(299.4,41.4%,54.5%)`
HSV (or HSB)	299.4°, 51.3, 73.3
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	53.504, 51.692, -33.874
XYZ	32.96, 21.511, 49.427
xyY	0.317, 0.207, 21.511
CIE-LCH	53.504, 61.802, 326.763
CIE-LUV	53.504, 44.373, -58.524
Hunter-Lab	46.38, 45.686, -30.72
Binary	10111010, 01011011, 10111011

#ba5bbb
```
#ba5bbb rgb(186,91,187)
```
#5cbb5b
```
#5cbb5b rgb(92,187,91)
```

Complementary Color

#8a5bbb
```
#8a5bbb rgb(138,91,187)
```
#ba5bbb
```
#ba5bbb rgb(186,91,187)
```
#bb5b8c
```
#bb5b8c rgb(187,91,140)
```

Analogous Color

#5bbb8a
```
#5bbb8a rgb(91,187,138)
```
#ba5bbb
```
#ba5bbb rgb(186,91,187)
```
#8cbb5b
```
#8cbb5b rgb(140,187,91)
```

Split Complementary Color

#5bbbba
```
#5bbbba rgb(91,187,186)
```
#ba5bbb
```
#ba5bbb rgb(186,91,187)
```
#bbba5b
```
#bbba5b rgb(187,186,91)
```

Triadic Color

#5b5cbb
```
#5b5cbb rgb(91,92,187)
```
#ba5bbb
```
#ba5bbb rgb(186,91,187)
```
#bbba5b
```
#bbba5b rgb(187,186,91)
```
#5cbb5b
```
#5cbb5b rgb(92,187,91)
```

Tetradic Color

#8e3b8e
```
#8e3b8e rgb(142,59,142)
```
#9f43a0
```
#9f43a0 rgb(159,67,160)
```
#b14ab2
```
#b14ab2 rgb(177,74,178)
```
#ba5bbb
```
#ba5bbb rgb(186,91,187)
```
#c26dc2
```
#c26dc2 rgb(194,109,194)
```
#c97fca
```
#c97fca rgb(201,127,202)
```
#d191d1
```
#d191d1 rgb(209,145,209)
```

Monochromatic Color

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

#a25bbb
```
#a25bbb rgb(162,91,187)
```
#aa5bbb
```
#aa5bbb rgb(170,91,187)
```
#b25bbb
```
#b25bbb rgb(178,91,187)
```
#ba5bbb
```
#ba5bbb rgb(186,91,187)
```
#bb5bb4
```
#bb5bb4 rgb(187,91,180)
```
#bb5bac
```
#bb5bac rgb(187,91,172)
```
#bb5ba4
```
#bb5ba4 rgb(187,91,164)
```

Similar Colors

Text with hexadecimal color #ba5bbb

This text has a font color of #ba5bbb.

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

#ba5bbb background color

This paragraph has a background color of #ba5bbb.

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

#ba5bbb border color

This element has a border color of #ba5bbb.

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

CSS codes

.text {color:#ba5bbb;}

.background {background-color:#ba5bbb;}

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

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 #faf4fa is the lightest one.

#020102
```
#020102 rgb(2,1,2)
```
#100710
```
#100710 rgb(16,7,16)
```
#1e0c1e
```
#1e0c1e rgb(30,12,30)
```
#2c122c
```
#2c122c rgb(44,18,44)
```
#3a183a
```
#3a183a rgb(58,24,58)
```
#471e48
```
#471e48 rgb(71,30,72)
```
#552356
```
#552356 rgb(85,35,86)
```
#632963
```
#632963 rgb(99,41,99)
```
#712f71
```
#712f71 rgb(113,47,113)
```
#7e357f
```
#7e357f rgb(126,53,127)
```
#8c3a8d
```
#8c3a8d rgb(140,58,141)
```
#9a409b
```
#9a409b rgb(154,64,155)
```
#a846a9
```
#a846a9 rgb(168,70,169)
```

Shade Color Variation

#b44db5
```
#b44db5 rgb(180,77,181)
```
#ba5bbb
```
#ba5bbb rgb(186,91,187)
```
#c069c1
```
#c069c1 rgb(192,105,193)
```
#c677c6
```
#c677c6 rgb(198,119,198)
```
#cc85cc
```
#cc85cc rgb(204,133,204)
```
#d192d2
```
#d192d2 rgb(209,146,210)
```
#d7a0d8
```
#d7a0d8 rgb(215,160,216)
```
#ddaedd
```
#ddaedd rgb(221,174,221)
```
#e3bce3
```
#e3bce3 rgb(227,188,227)
```
#e9cae9
```
#e9cae9 rgb(233,202,233)
```
#efd8ef
```
#efd8ef rgb(239,216,239)
```
#f4e6f4
```
#f4e6f4 rgb(244,230,244)
```
#faf4fa
```
#faf4fa rgb(250,244,250)
```

Tint Color Variation

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

#8e888e
```
#8e888e rgb(142,136,142)
```
#977f97
```
#977f97 rgb(151,127,151)
```
#a076a0
```
#a076a0 rgb(160,118,160)
```
#a96da9
```
#a96da9 rgb(169,109,169)
```
#b164b2
```
#b164b2 rgb(177,100,178)
```
#ba5bbb
```
#ba5bbb rgb(186,91,187)
```
#c352c4
```
#c352c4 rgb(195,82,196)
```
#cb49cd
```
#cb49cd rgb(203,73,205)
```
#d440d6
```
#d440d6 rgb(212,64,214)
```
#dd37df
```
#dd37df rgb(221,55,223)
```
#e62ee8
```
#e62ee8 rgb(230,46,232)
```
#ee25f1
```
#ee25f1 rgb(238,37,241)
```
#f71df9
```
#f71df9 rgb(247,29,249)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8d7a8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6183d6 Protanopia 1% of men
#7684b4 Deuteranopia 1% of men
#b4747c Tritanopia 0.001% of the population

Trichromacy

#8174cc Protanomaly 1% of men, 0.01% of women
#8e75b6 Deuteranomaly 6% of men, 0.4% of women
#b66b93 Tritanomaly 0.01% of the population

#ba5bbb hex color

#ba5bbb Color Information

#ba5bbb Color Conversion

Color Schemes with #ba5bbb

Alternatives to #ba5bbb

#ba5bbb Preview

Shades and Tints of #ba5bbb

Tones of #ba5bbb

Color Blindness Simulator