#ba7ff9 hex color

In a RGB color space, hex #ba7ff9 is composed of 72.9% red, 49.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 49% magenta, 0% yellow and 2.4% black. It has a hue angle of 269 degrees, a saturation of 91% and a lightness of 73.7%. #ba7ff9 color hex could be obtained by blending #fffeff with #7500f3. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 50
- B 98
RGB color chart
- C 25
- M 49
- Y 0
- K 2
CMYK color chart

● #ba7ff9 color description : Soft violet.

The hexadecimal color #ba7ff9 has RGB values of R:186, G:127, B:249 and CMYK values of C:0.25, M:0.49, Y:0, K:0.02. Its decimal value is 12222457.

Hex triplet	ba7ff9	`#ba7ff9`
RGB Decimal	186, 127, 249	`rgb(186,127,249)`
RGB Percent	72.9, 49.8, 97.6	`rgb(72.9%,49.8%,97.6%)`
CMYK	25, 49, 0, 2
HSL	269°, 91, 73.7	`hsl(269,91%,73.7%)`
HSV (or HSB)	269°, 49, 97.6
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	63.72, 45.892, -52.662
XYZ	44.935, 32.458, 93.515
xyY	0.263, 0.19, 32.458
CIE-LCH	63.72, 69.853, 311.07
CIE-LUV	63.72, 19.401, -90.072
Hunter-Lab	56.972, 41.087, -57.44
Binary	10111010, 01111111, 11111001

#ba7ff9
```
#ba7ff9 rgb(186,127,249)
```
#bef97f
```
#bef97f rgb(190,249,127)
```

Complementary Color

#7f81f9
```
#7f81f9 rgb(127,129,249)
```
#ba7ff9
```
#ba7ff9 rgb(186,127,249)
```
#f77ff9
```
#f77ff9 rgb(247,127,249)
```

Analogous Color

#81f97f
```
#81f97f rgb(129,249,127)
```
#ba7ff9
```
#ba7ff9 rgb(186,127,249)
```
#f9f77f
```
#f9f77f rgb(249,247,127)
```

Split Complementary Color

#7ff9ba
```
#7ff9ba rgb(127,249,186)
```
#ba7ff9
```
#ba7ff9 rgb(186,127,249)
```
#f9ba7f
```
#f9ba7f rgb(249,186,127)
```

Triadic Color

#7fbef9
```
#7fbef9 rgb(127,190,249)
```
#ba7ff9
```
#ba7ff9 rgb(186,127,249)
```
#f9ba7f
```
#f9ba7f rgb(249,186,127)
```
#bef97f
```
#bef97f rgb(190,249,127)
```

Tetradic Color

#9336f6
```
#9336f6 rgb(147,54,246)
```
#a04ef7
```
#a04ef7 rgb(160,78,247)
```
#ad67f8
```
#ad67f8 rgb(173,103,248)
```
#ba7ff9
```
#ba7ff9 rgb(186,127,249)
```
#c797fa
```
#c797fa rgb(199,151,250)
```
#d4b0fb
```
#d4b0fb rgb(212,176,251)
```
#e1c8fc
```
#e1c8fc rgb(225,200,252)
```

Monochromatic Color

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

#9c7ff9
```
#9c7ff9 rgb(156,127,249)
```
#a67ff9
```
#a67ff9 rgb(166,127,249)
```
#b07ff9
```
#b07ff9 rgb(176,127,249)
```
#ba7ff9
```
#ba7ff9 rgb(186,127,249)
```
#c47ff9
```
#c47ff9 rgb(196,127,249)
```
#ce7ff9
```
#ce7ff9 rgb(206,127,249)
```
#d97ff9
```
#d97ff9 rgb(217,127,249)
```

Similar Colors

Text with hexadecimal color #ba7ff9

This text has a font color of #ba7ff9.

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

#ba7ff9 background color

This paragraph has a background color of #ba7ff9.

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

#ba7ff9 border color

This element has a border color of #ba7ff9.

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

CSS codes

.text {color:#ba7ff9;}

.background {background-color:#ba7ff9;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0b0116
```
#0b0116 rgb(11,1,22)
```
#150229
```
#150229 rgb(21,2,41)
```
#1e033b
```
#1e033b rgb(30,3,59)
```
#28044e
```
#28044e rgb(40,4,78)
```
#310561
```
#310561 rgb(49,5,97)
```
#3b0574
```
#3b0574 rgb(59,5,116)
```
#440686
```
#440686 rgb(68,6,134)
```
#4e0799
```
#4e0799 rgb(78,7,153)
```
#5708ac
```
#5708ac rgb(87,8,172)
```
#6109bf
```
#6109bf rgb(97,9,191)
```
#6a0ad1
```
#6a0ad1 rgb(106,10,209)
```
#740be4
```
#740be4 rgb(116,11,228)
```

Shade Color Variation

#7d0ff4
```
#7d0ff4 rgb(125,15,244)
```
#8721f5
```
#8721f5 rgb(135,33,245)
```
#9234f5
```
#9234f5 rgb(146,52,245)
```
#9c47f6
```
#9c47f6 rgb(156,71,246)
```
#a65af7
```
#a65af7 rgb(166,90,247)
```
#b06cf8
```
#b06cf8 rgb(176,108,248)
```
#ba7ff9
```
#ba7ff9 rgb(186,127,249)
```
#c492fa
```
#c492fa rgb(196,146,250)
```
#cea4fb
```
#cea4fb rgb(206,164,251)
```
#d8b7fc
```
#d8b7fc rgb(216,183,252)
```
#e2cafd
```
#e2cafd rgb(226,202,253)
```
#edddfd
```
#edddfd rgb(237,221,253)
```
#f7effe
```
#f7effe rgb(247,239,254)
```

Tint Color Variation

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

#bcb8c0
```
#bcb8c0 rgb(188,184,192)
```
#bcb3c5
```
#bcb3c5 rgb(188,179,197)
```
#bcadcb
```
#bcadcb rgb(188,173,203)
```
#bba8d0
```
#bba8d0 rgb(187,168,208)
```
#bba3d5
```
#bba3d5 rgb(187,163,213)
```
#bb9eda
```
#bb9eda rgb(187,158,218)
```
#bb99df
```
#bb99df rgb(187,153,223)
```
#bb94e4
```
#bb94e4 rgb(187,148,228)
```
#bb8eea
```
#bb8eea rgb(187,142,234)
```
#ba89ef
```
#ba89ef rgb(186,137,239)
```
#ba84f4
```
#ba84f4 rgb(186,132,244)
```
#ba7ff9
```
#ba7ff9 rgb(186,127,249)
```
#ba7afe
```
#ba7afe rgb(186,122,254)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a499b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#719cff Protanopia 1% of men
#709ff0 Deuteranopia 1% of men
#ab9aa5 Tritanopia 0.001% of the population

Trichromacy

#8c91fc Protanomaly 1% of men, 0.01% of women
#8a93f3 Deuteranomaly 6% of men, 0.4% of women
#b090c4 Tritanomaly 0.01% of the population

#ba7ff9 hex color

#ba7ff9 Color Information

#ba7ff9 Color Conversion

Color Schemes with #ba7ff9

Alternatives to #ba7ff9

#ba7ff9 Preview

Shades and Tints of #ba7ff9

Tones of #ba7ff9

Color Blindness Simulator