#ba7bd8 hex color

In a RGB color space, hex #ba7bd8 is composed of 72.9% red, 48.2% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 43.1% magenta, 0% yellow and 15.3% black. It has a hue angle of 280.6 degrees, a saturation of 54.4% and a lightness of 66.5%. #ba7bd8 color hex could be obtained by blending #fff6ff with #7500b1. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 48
- B 85
RGB color chart
- C 14
- M 43
- Y 0
- K 15
CMYK color chart

● #ba7bd8 color description : Slightly desaturated violet.

The hexadecimal color #ba7bd8 has RGB values of R:186, G:123, B:216 and CMYK values of C:0.14, M:0.43, Y:0, K:0.15. Its decimal value is 12221400.

Hex triplet	ba7bd8	`#ba7bd8`
RGB Decimal	186, 123, 216	`rgb(186,123,216)`
RGB Percent	72.9, 48.2, 84.7	`rgb(72.9%,48.2%,84.7%)`
CMYK	14, 43, 0, 15
HSL	280.6°, 54.4, 66.5	`hsl(280.6,54.4%,66.5%)`
HSV (or HSB)	280.6°, 43.1, 84.7
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	61.276, 40.749, -38.201
XYZ	39.726, 29.564, 68.576
xyY	0.288, 0.214, 29.564
CIE-LCH	61.276, 55.855, 316.849
CIE-LUV	61.276, 26.142, -65.409
Hunter-Lab	54.373, 35.263, -36.717
Binary	10111010, 01111011, 11011000

#ba7bd8
```
#ba7bd8 rgb(186,123,216)
```
#99d87b
```
#99d87b rgb(153,216,123)
```

Complementary Color

#8c7bd8
```
#8c7bd8 rgb(140,123,216)
```
#ba7bd8
```
#ba7bd8 rgb(186,123,216)
```
#d87bc8
```
#d87bc8 rgb(216,123,200)
```

Analogous Color

#7bd88c
```
#7bd88c rgb(123,216,140)
```
#ba7bd8
```
#ba7bd8 rgb(186,123,216)
```
#c8d87b
```
#c8d87b rgb(200,216,123)
```

Split Complementary Color

#7bd8ba
```
#7bd8ba rgb(123,216,186)
```
#ba7bd8
```
#ba7bd8 rgb(186,123,216)
```
#d8ba7b
```
#d8ba7b rgb(216,186,123)
```

Triadic Color

#7b99d8
```
#7b99d8 rgb(123,153,216)
```
#ba7bd8
```
#ba7bd8 rgb(186,123,216)
```
#d8ba7b
```
#d8ba7b rgb(216,186,123)
```
#99d87b
```
#99d87b rgb(153,216,123)
```

Tetradic Color

#9b40c7
```
#9b40c7 rgb(155,64,199)
```
#a554cc
```
#a554cc rgb(165,84,204)
```
#b067d2
```
#b067d2 rgb(176,103,210)
```
#ba7bd8
```
#ba7bd8 rgb(186,123,216)
```
#c48fde
```
#c48fde rgb(196,143,222)
```
#cfa2e4
```
#cfa2e4 rgb(207,162,228)
```
#d9b6e9
```
#d9b6e9 rgb(217,182,233)
```

Monochromatic Color

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

#a37bd8
```
#a37bd8 rgb(163,123,216)
```
#ab7bd8
```
#ab7bd8 rgb(171,123,216)
```
#b27bd8
```
#b27bd8 rgb(178,123,216)
```
#ba7bd8
```
#ba7bd8 rgb(186,123,216)
```
#c27bd8
```
#c27bd8 rgb(194,123,216)
```
#ca7bd8
```
#ca7bd8 rgb(202,123,216)
```
#d17bd8
```
#d17bd8 rgb(209,123,216)
```

Similar Colors

Text with hexadecimal color #ba7bd8

This text has a font color of #ba7bd8.

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

#ba7bd8 background color

This paragraph has a background color of #ba7bd8.

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

#ba7bd8 border color

This element has a border color of #ba7bd8.

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

CSS codes

.text {color:#ba7bd8;}

.background {background-color:#ba7bd8;}

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

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

#030104
```
#030104 rgb(3,1,4)
```
#0f0613
```
#0f0613 rgb(15,6,19)
```
#1b0a23
```
#1b0a23 rgb(27,10,35)
```
#260f32
```
#260f32 rgb(38,15,50)
```
#321341
```
#321341 rgb(50,19,65)
```
#3e1850
```
#3e1850 rgb(62,24,80)
```
#4a1c5f
```
#4a1c5f rgb(74,28,95)
```
#55216e
```
#55216e rgb(85,33,110)
```
#61257d
```
#61257d rgb(97,37,125)
```
#6d2a8d
```
#6d2a8d rgb(109,42,141)
```
#782e9c
```
#782e9c rgb(120,46,156)
```
#8432ab
```
#8432ab rgb(132,50,171)
```
#9037ba
```
#9037ba rgb(144,55,186)
```

Shade Color Variation

#9a3ec6
```
#9a3ec6 rgb(154,62,198)
```
#a24ecb
```
#a24ecb rgb(162,78,203)
```
#aa5dcf
```
#aa5dcf rgb(170,93,207)
```
#b26cd4
```
#b26cd4 rgb(178,108,212)
```
#ba7bd8
```
#ba7bd8 rgb(186,123,216)
```
#c28adc
```
#c28adc rgb(194,138,220)
```
#ca99e1
```
#ca99e1 rgb(202,153,225)
```
#d2a8e5
```
#d2a8e5 rgb(210,168,229)
```
#dab8ea
```
#dab8ea rgb(218,184,234)
```
#e2c7ee
```
#e2c7ee rgb(226,199,238)
```
#e9d6f3
```
#e9d6f3 rgb(233,214,243)
```
#f1e5f7
```
#f1e5f7 rgb(241,229,247)
```
#f9f4fc
```
#f9f4fc rgb(249,244,252)
```

Tint Color Variation

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

#aaa9aa
```
#aaa9aa rgb(170,169,170)
```
#aca2b1
```
#aca2b1 rgb(172,162,177)
```
#ae9cb7
```
#ae9cb7 rgb(174,156,183)
```
#b195be
```
#b195be rgb(177,149,190)
```
#b38fc4
```
#b38fc4 rgb(179,143,196)
```
#b588cb
```
#b588cb rgb(181,136,203)
```
#b882d1
```
#b882d1 rgb(184,130,209)
```
#ba7bd8
```
#ba7bd8 rgb(186,123,216)
```
#bc74df
```
#bc74df rgb(188,116,223)
```
#bf6ee5
```
#bf6ee5 rgb(191,110,229)
```
#c167ec
```
#c167ec rgb(193,103,236)
```
#c361f2
```
#c361f2 rgb(195,97,242)
```
#c65af9
```
#c65af9 rgb(198,90,249)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9f92a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7796e9 Protanopia 1% of men
#8298d2 Deuteranopia 1% of men
#b2909a Tritanopia 0.001% of the population

Trichromacy

#8f8ce3 Protanomaly 1% of men, 0.01% of women
#968dd4 Deuteranomaly 6% of men, 0.4% of women
#b588b1 Tritanomaly 0.01% of the population

#ba7bd8 hex color

#ba7bd8 Color Information

#ba7bd8 Color Conversion

Color Schemes with #ba7bd8

Alternatives to #ba7bd8

#ba7bd8 Preview

Shades and Tints of #ba7bd8

Tones of #ba7bd8

Color Blindness Simulator