#ba8cd4 hex color

In a RGB color space, hex #ba8cd4 is composed of 72.9% red, 54.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 34% magenta, 0% yellow and 16.9% black. It has a hue angle of 278.3 degrees, a saturation of 45.6% and a lightness of 69%. #ba8cd4 color hex could be obtained by blending #ffffff with #7519a9. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 55
- B 83
RGB color chart
- C 12
- M 34
- Y 0
- K 17
CMYK color chart

● #ba8cd4 color description : Slightly desaturated violet.

The hexadecimal color #ba8cd4 has RGB values of R:186, G:140, B:212 and CMYK values of C:0.12, M:0.34, Y:0, K:0.17. Its decimal value is 12225748.

Hex triplet	ba8cd4	`#ba8cd4`
RGB Decimal	186, 140, 212	`rgb(186,140,212)`
RGB Percent	72.9, 54.9, 83.1	`rgb(72.9%,54.9%,83.1%)`
CMYK	12, 34, 0, 17
HSL	278.3°, 45.6, 69	`hsl(278.3,45.6%,69%)`
HSV (or HSB)	278.3°, 34, 83.1
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	64.922, 30.547, -30.294
XYZ	41.51, 33.949, 66.65
xyY	0.292, 0.239, 33.949
CIE-LCH	64.922, 43.021, 315.238
CIE-LUV	64.922, 19.698, -51.757
Hunter-Lab	58.266, 25.2, -27.035
Binary	10111010, 10001100, 11010100

#ba8cd4
```
#ba8cd4 rgb(186,140,212)
```
#a6d48c
```
#a6d48c rgb(166,212,140)
```

Complementary Color

#968cd4
```
#968cd4 rgb(150,140,212)
```
#ba8cd4
```
#ba8cd4 rgb(186,140,212)
```
#d48cca
```
#d48cca rgb(212,140,202)
```

Analogous Color

#8cd496
```
#8cd496 rgb(140,212,150)
```
#ba8cd4
```
#ba8cd4 rgb(186,140,212)
```
#cad48c
```
#cad48c rgb(202,212,140)
```

Split Complementary Color

#8cd4ba
```
#8cd4ba rgb(140,212,186)
```
#ba8cd4
```
#ba8cd4 rgb(186,140,212)
```
#d4ba8c
```
#d4ba8c rgb(212,186,140)
```

Triadic Color

#8ca6d4
```
#8ca6d4 rgb(140,166,212)
```
#ba8cd4
```
#ba8cd4 rgb(186,140,212)
```
#d4ba8c
```
#d4ba8c rgb(212,186,140)
```
#a6d48c
```
#a6d48c rgb(166,212,140)
```

Tetradic Color

#9954bf
```
#9954bf rgb(153,84,191)
```
#a467c6
```
#a467c6 rgb(164,103,198)
```
#af79cd
```
#af79cd rgb(175,121,205)
```
#ba8cd4
```
#ba8cd4 rgb(186,140,212)
```
#c59fdb
```
#c59fdb rgb(197,159,219)
```
#d0b1e2
```
#d0b1e2 rgb(208,177,226)
```
#dbc4e9
```
#dbc4e9 rgb(219,196,233)
```

Monochromatic Color

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

#a88cd4
```
#a88cd4 rgb(168,140,212)
```
#ae8cd4
```
#ae8cd4 rgb(174,140,212)
```
#b48cd4
```
#b48cd4 rgb(180,140,212)
```
#ba8cd4
```
#ba8cd4 rgb(186,140,212)
```
#c08cd4
```
#c08cd4 rgb(192,140,212)
```
#c68cd4
```
#c68cd4 rgb(198,140,212)
```
#cc8cd4
```
#cc8cd4 rgb(204,140,212)
```

Similar Colors

Text with hexadecimal color #ba8cd4

This text has a font color of #ba8cd4.

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

#ba8cd4 background color

This paragraph has a background color of #ba8cd4.

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

#ba8cd4 border color

This element has a border color of #ba8cd4.

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

CSS codes

.text {color:#ba8cd4;}

.background {background-color:#ba8cd4;}

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

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, #0a050d is the darkest color, while #fffeff is the lightest one.

#0a050d
```
#0a050d rgb(10,5,13)
```
#150a1c
```
#150a1c rgb(21,10,28)
```
#21102a
```
#21102a rgb(33,16,42)
```
#2c1538
```
#2c1538 rgb(44,21,56)
```
#371a47
```
#371a47 rgb(55,26,71)
```
#422055
```
#422055 rgb(66,32,85)
```
#4d2563
```
#4d2563 rgb(77,37,99)
```
#582a71
```
#582a71 rgb(88,42,113)
```
#633080
```
#633080 rgb(99,48,128)
```
#6e358e
```
#6e358e rgb(110,53,142)
```
#793a9c
```
#793a9c rgb(121,58,156)
```
#8440ab
```
#8440ab rgb(132,64,171)
```
#8f45b9
```
#8f45b9 rgb(143,69,185)
```

Shade Color Variation

#9853bf
```
#9853bf rgb(152,83,191)
```
#a061c4
```
#a061c4 rgb(160,97,196)
```
#a96fc9
```
#a96fc9 rgb(169,111,201)
```
#b17ecf
```
#b17ecf rgb(177,126,207)
```
#ba8cd4
```
#ba8cd4 rgb(186,140,212)
```
#c39ad9
```
#c39ad9 rgb(195,154,217)
```
#cba9df
```
#cba9df rgb(203,169,223)
```
#d4b7e4
```
#d4b7e4 rgb(212,183,228)
```
#dcc5e9
```
#dcc5e9 rgb(220,197,233)
```
#e5d3ef
```
#e5d3ef rgb(229,211,239)
```
#ede2f4
```
#ede2f4 rgb(237,226,244)
```
#f6f0f9
```
#f6f0f9 rgb(246,240,249)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#b2aab6
```
#b2aab6 rgb(178,170,182)
```
#b3a4bc
```
#b3a4bc rgb(179,164,188)
```
#b59ec2
```
#b59ec2 rgb(181,158,194)
```
#b798c8
```
#b798c8 rgb(183,152,200)
```
#b892ce
```
#b892ce rgb(184,146,206)
```
#ba8cd4
```
#ba8cd4 rgb(186,140,212)
```
#bc86da
```
#bc86da rgb(188,134,218)
```
#bd80e0
```
#bd80e0 rgb(189,128,224)
```
#bf7ae6
```
#bf7ae6 rgb(191,122,230)
```
#c174ec
```
#c174ec rgb(193,116,236)
```
#c26ef2
```
#c26ef2 rgb(194,110,242)
```
#c468f8
```
#c468f8 rgb(196,104,248)
```
#c661ff
```
#c661ff rgb(198,97,255)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a79eac Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da0e0 Protanopia 1% of men
#96a0d1 Deuteranopia 1% of men
#b49ca7 Tritanopia 0.001% of the population

Trichromacy

#9d99db Protanomaly 1% of men, 0.01% of women
#a398d2 Deuteranomaly 6% of men, 0.4% of women
#b696b7 Tritanomaly 0.01% of the population

#ba8cd4 hex color

#ba8cd4 Color Information

#ba8cd4 Color Conversion

Color Schemes with #ba8cd4

Alternatives to #ba8cd4

#ba8cd4 Preview

Shades and Tints of #ba8cd4

Tones of #ba8cd4

Color Blindness Simulator