#ba7bdc hex color

In a RGB color space, hex #ba7bdc is composed of 72.9% red, 48.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 44.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 279 degrees, a saturation of 58.1% and a lightness of 67.3%. #ba7bdc color hex could be obtained by blending #fff6ff with #7500b9. Closest websafe color is: #cc66cc.

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

● #ba7bdc color description : Very soft violet.

The hexadecimal color #ba7bdc has RGB values of R:186, G:123, B:220 and CMYK values of C:0.15, M:0.44, Y:0, K:0.14. Its decimal value is 12221404.

Hex triplet	ba7bdc	`#ba7bdc`
RGB Decimal	186, 123, 220	`rgb(186,123,220)`
RGB Percent	72.9, 48.2, 86.3	`rgb(72.9%,48.2%,86.3%)`
CMYK	15, 44, 0, 14
HSL	279°, 58.1, 67.3	`hsl(279,58.1%,67.3%)`
HSV (or HSB)	279°, 44.1, 86.3
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	61.458, 41.6, -40.154
XYZ	40.249, 29.773, 71.333
xyY	0.285, 0.211, 29.773
CIE-LCH	61.458, 57.818, 316.013
CIE-LUV	61.458, 25.469, -68.71
Hunter-Lab	54.565, 36.18, -39.315
Binary	10111010, 01111011, 11011100

#ba7bdc
```
#ba7bdc rgb(186,123,220)
```
#9ddc7b
```
#9ddc7b rgb(157,220,123)
```

Complementary Color

#8a7bdc
```
#8a7bdc rgb(138,123,220)
```
#ba7bdc
```
#ba7bdc rgb(186,123,220)
```
#dc7bce
```
#dc7bce rgb(220,123,206)
```

Analogous Color

#7bdc8a
```
#7bdc8a rgb(123,220,138)
```
#ba7bdc
```
#ba7bdc rgb(186,123,220)
```
#cedc7b
```
#cedc7b rgb(206,220,123)
```

Split Complementary Color

#7bdcba
```
#7bdcba rgb(123,220,186)
```
#ba7bdc
```
#ba7bdc rgb(186,123,220)
```
#dcba7b
```
#dcba7b rgb(220,186,123)
```

Triadic Color

#7b9ddc
```
#7b9ddc rgb(123,157,220)
```
#ba7bdc
```
#ba7bdc rgb(186,123,220)
```
#dcba7b
```
#dcba7b rgb(220,186,123)
```
#9ddc7b
```
#9ddc7b rgb(157,220,123)
```

Tetradic Color

#9a3fcc
```
#9a3fcc rgb(154,63,204)
```
#a553d1
```
#a553d1 rgb(165,83,209)
```
#af67d7
```
#af67d7 rgb(175,103,215)
```
#ba7bdc
```
#ba7bdc rgb(186,123,220)
```
#c58fe1
```
#c58fe1 rgb(197,143,225)
```
#cfa3e7
```
#cfa3e7 rgb(207,163,231)
```
#dab7ec
```
#dab7ec rgb(218,183,236)
```

Monochromatic Color

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

#a27bdc
```
#a27bdc rgb(162,123,220)
```
#aa7bdc
```
#aa7bdc rgb(170,123,220)
```
#b27bdc
```
#b27bdc rgb(178,123,220)
```
#ba7bdc
```
#ba7bdc rgb(186,123,220)
```
#c27bdc
```
#c27bdc rgb(194,123,220)
```
#ca7bdc
```
#ca7bdc rgb(202,123,220)
```
#d27bdc
```
#d27bdc rgb(210,123,220)
```

Similar Colors

Text with hexadecimal color #ba7bdc

This text has a font color of #ba7bdc.

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

#ba7bdc background color

This paragraph has a background color of #ba7bdc.

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

#ba7bdc border color

This element has a border color of #ba7bdc.

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

CSS codes

.text {color:#ba7bdc;}

.background {background-color:#ba7bdc;}

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

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

#060208
```
#060208 rgb(6,2,8)
```
#110617
```
#110617 rgb(17,6,23)
```
#1d0a27
```
#1d0a27 rgb(29,10,39)
```
#280e36
```
#280e36 rgb(40,14,54)
```
#341246
```
#341246 rgb(52,18,70)
```
#3f1755
```
#3f1755 rgb(63,23,85)
```
#4b1b65
```
#4b1b65 rgb(75,27,101)
```
#561f74
```
#561f74 rgb(86,31,116)
```
#622384
```
#622384 rgb(98,35,132)
```
#6d2793
```
#6d2793 rgb(109,39,147)
```
#792ba3
```
#792ba3 rgb(121,43,163)
```
#842fb2
```
#842fb2 rgb(132,47,178)
```
#9033c2
```
#9033c2 rgb(144,51,194)
```

Shade Color Variation

#9a3dcc
```
#9a3dcc rgb(154,61,204)
```
#a24cd0
```
#a24cd0 rgb(162,76,208)
```
#aa5cd4
```
#aa5cd4 rgb(170,92,212)
```
#b26bd8
```
#b26bd8 rgb(178,107,216)
```
#ba7bdc
```
#ba7bdc rgb(186,123,220)
```
#c28be0
```
#c28be0 rgb(194,139,224)
```
#ca9ae4
```
#ca9ae4 rgb(202,154,228)
```
#d2aae8
```
#d2aae8 rgb(210,170,232)
```
#dab9ec
```
#dab9ec rgb(218,185,236)
```
#e3c9f1
```
#e3c9f1 rgb(227,201,241)
```
#ebd8f5
```
#ebd8f5 rgb(235,216,245)
```
#f3e8f9
```
#f3e8f9 rgb(243,232,249)
```
#fbf7fd
```
#fbf7fd rgb(251,247,253)
```

Tint Color Variation

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

#ada8af
```
#ada8af rgb(173,168,175)
```
#aea2b5
```
#aea2b5 rgb(174,162,181)
```
#b09bbc
```
#b09bbc rgb(176,155,188)
```
#b295c2
```
#b295c2 rgb(178,149,194)
```
#b48ec9
```
#b48ec9 rgb(180,142,201)
```
#b688cf
```
#b688cf rgb(182,136,207)
```
#b881d6
```
#b881d6 rgb(184,129,214)
```
#ba7bdc
```
#ba7bdc rgb(186,123,220)
```
#bc75e2
```
#bc75e2 rgb(188,117,226)
```
#be6ee9
```
#be6ee9 rgb(190,110,233)
```
#c068ef
```
#c068ef rgb(192,104,239)
```
#c261f6
```
#c261f6 rgb(194,97,246)
```
#c45bfc
```
#c45bfc rgb(196,91,252)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a093a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7597ed Protanopia 1% of men
#8098d6 Deuteranopia 1% of men
#b1919b Tritanopia 0.001% of the population

Trichromacy

#8e8ce7 Protanomaly 1% of men, 0.01% of women
#958dd8 Deuteranomaly 6% of men, 0.4% of women
#b489b3 Tritanomaly 0.01% of the population

#ba7bdc hex color

#ba7bdc Color Information

#ba7bdc Color Conversion

Color Schemes with #ba7bdc

Alternatives to #ba7bdc

#ba7bdc Preview

Shades and Tints of #ba7bdc

Tones of #ba7bdc

Color Blindness Simulator