#ba54df hex color

In a RGB color space, hex #ba54df is composed of 72.9% red, 32.9% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 16.6% cyan, 62.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 284 degrees, a saturation of 68.5% and a lightness of 60.2%. #ba54df color hex could be obtained by blending #ffa8ff with #7500bf. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 33
- B 87
RGB color chart
- C 17
- M 62
- Y 0
- K 13
CMYK color chart

● #ba54df color description : Soft violet.

The hexadecimal color #ba54df has RGB values of R:186, G:84, B:223 and CMYK values of C:0.17, M:0.62, Y:0, K:0.13. Its decimal value is 12211423.

Hex triplet	ba54df	`#ba54df`
RGB Decimal	186, 84, 223	`rgb(186,84,223)`
RGB Percent	72.9, 32.9, 87.5	`rgb(72.9%,32.9%,87.5%)`
CMYK	17, 62, 0, 13
HSL	284°, 68.5, 60.2	`hsl(284,68.5%,60.2%)`
HSV (or HSB)	284°, 62.3, 87.5
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	54.142, 61.88, -53.421
XYZ	36.738, 22.109, 72.14
xyY	0.28, 0.169, 22.109
CIE-LCH	54.142, 81.749, 319.196
CIE-LUV	54.142, 37.619, -90.148
Hunter-Lab	47.02, 57.181, -58.051
Binary	10111010, 01010100, 11011111

#ba54df
```
#ba54df rgb(186,84,223)
```
#79df54
```
#79df54 rgb(121,223,84)
```

Complementary Color

#7554df
```
#7554df rgb(117,84,223)
```
#ba54df
```
#ba54df rgb(186,84,223)
```
#df54bf
```
#df54bf rgb(223,84,191)
```

Analogous Color

#54df75
```
#54df75 rgb(84,223,117)
```
#ba54df
```
#ba54df rgb(186,84,223)
```
#bfdf54
```
#bfdf54 rgb(191,223,84)
```

Split Complementary Color

#54dfba
```
#54dfba rgb(84,223,186)
```
#ba54df
```
#ba54df rgb(186,84,223)
```
#dfba54
```
#dfba54 rgb(223,186,84)
```

Triadic Color

#5479df
```
#5479df rgb(84,121,223)
```
#ba54df
```
#ba54df rgb(186,84,223)
```
#dfba54
```
#dfba54 rgb(223,186,84)
```
#79df54
```
#79df54 rgb(121,223,84)
```

Tetradic Color

#9824c2
```
#9824c2 rgb(152,36,194)
```
#a929d7
```
#a929d7 rgb(169,41,215)
```
#b13fdb
```
#b13fdb rgb(177,63,219)
```
#ba54df
```
#ba54df rgb(186,84,223)
```
#c369e3
```
#c369e3 rgb(195,105,227)
```
#cb7fe7
```
#cb7fe7 rgb(203,127,231)
```
#d494eb
```
#d494eb rgb(212,148,235)
```

Monochromatic Color

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

#9754df
```
#9754df rgb(151,84,223)
```
#a354df
```
#a354df rgb(163,84,223)
```
#ae54df
```
#ae54df rgb(174,84,223)
```
#ba54df
```
#ba54df rgb(186,84,223)
```
#c654df
```
#c654df rgb(198,84,223)
```
#d154df
```
#d154df rgb(209,84,223)
```
#dd54df
```
#dd54df rgb(221,84,223)
```

Similar Colors

Text with hexadecimal color #ba54df

This text has a font color of #ba54df.

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

#ba54df background color

This paragraph has a background color of #ba54df.

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

#ba54df border color

This element has a border color of #ba54df.

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

CSS codes

.text {color:#ba54df;}

.background {background-color:#ba54df;}

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

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, #08020b is the darkest color, while #fdf9fe is the lightest one.

#08020b
```
#08020b rgb(8,2,11)
```
#15051b
```
#15051b rgb(21,5,27)
```
#22082c
```
#22082c rgb(34,8,44)
```
#2f0b3c
```
#2f0b3c rgb(47,11,60)
```
#3c0e4d
```
#3c0e4d rgb(60,14,77)
```
#49115d
```
#49115d rgb(73,17,93)
```
#56156e
```
#56156e rgb(86,21,110)
```
#63187e
```
#63187e rgb(99,24,126)
```
#701b8f
```
#701b8f rgb(112,27,143)
```
#7d1e9f
```
#7d1e9f rgb(125,30,159)
```
#8a21b0
```
#8a21b0 rgb(138,33,176)
```
#9724c1
```
#9724c1 rgb(151,36,193)
```
#a427d1
```
#a427d1 rgb(164,39,209)
```

Shade Color Variation

#ad33d9
```
#ad33d9 rgb(173,51,217)
```
#b343dc
```
#b343dc rgb(179,67,220)
```
#ba54df
```
#ba54df rgb(186,84,223)
```
#c165e2
```
#c165e2 rgb(193,101,226)
```
#c775e5
```
#c775e5 rgb(199,117,229)
```
#ce86e8
```
#ce86e8 rgb(206,134,232)
```
#d596eb
```
#d596eb rgb(213,150,235)
```
#dba7ee
```
#dba7ee rgb(219,167,238)
```
#e2b7f2
```
#e2b7f2 rgb(226,183,242)
```
#e9c8f5
```
#e9c8f5 rgb(233,200,245)
```
#efd8f8
```
#efd8f8 rgb(239,216,248)
```
#f6e9fb
```
#f6e9fb rgb(246,233,251)
```
#fdf9fe
```
#fdf9fe rgb(253,249,254)
```

Tint Color Variation

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

#9d92a1
```
#9d92a1 rgb(157,146,161)
```
#a08ba8
```
#a08ba8 rgb(160,139,168)
```
#a483b0
```
#a483b0 rgb(164,131,176)
```
#a87bb8
```
#a87bb8 rgb(168,123,184)
```
#ab73c0
```
#ab73c0 rgb(171,115,192)
```
#af6bc8
```
#af6bc8 rgb(175,107,200)
```
#b364cf
```
#b364cf rgb(179,100,207)
```
#b65cd7
```
#b65cd7 rgb(182,92,215)
```
#ba54df
```
#ba54df rgb(186,84,223)
```
#be4ce7
```
#be4ce7 rgb(190,76,231)
```
#c144ef
```
#c144ef rgb(193,68,239)
```
#c53df6
```
#c53df6 rgb(197,61,246)
```
#c935fe
```
#c935fe rgb(201,53,254)
```

Tone Color Variation

Below, you can see how #ba54df 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
#8d7995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2583ff Protanopia 1% of men
#5588d2 Deuteranopia 1% of men
#ad7a82 Tritanopia 0.001% of the population

Trichromacy

#5b72f3 Protanomaly 1% of men, 0.01% of women
#7a75d7 Deuteranomaly 6% of men, 0.4% of women
#b26ca4 Tritanomaly 0.01% of the population

#ba54df hex color

#ba54df Color Information

#ba54df Color Conversion

Color Schemes with #ba54df

Alternatives to #ba54df

#ba54df Preview

Shades and Tints of #ba54df

Tones of #ba54df

Color Blindness Simulator