#ba7afe hex color

In a RGB color space, hex #ba7afe is composed of 72.9% red, 47.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 52% magenta, 0% yellow and 0.4% black. It has a hue angle of 269.1 degrees, a saturation of 98.5% and a lightness of 73.7%. #ba7afe color hex could be obtained by blending #fff4ff with #7500fd. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 48
- B 100
RGB color chart
- C 27
- M 52
- Y 0
- K 0
CMYK color chart

● #ba7afe color description : Soft violet.

The hexadecimal color #ba7afe has RGB values of R:186, G:122, B:254 and CMYK values of C:0.27, M:0.52, Y:0, K:0. Its decimal value is 12221182.

Hex triplet	ba7afe	`#ba7afe`
RGB Decimal	186, 122, 254	`rgb(186,122,254)`
RGB Percent	72.9, 47.8, 99.6	`rgb(72.9%,47.8%,99.6%)`
CMYK	27, 52, 0, 0
HSL	269.1°, 98.5, 73.7	`hsl(269.1,98.5%,73.7%)`
HSV (or HSB)	269.1°, 52, 99.6
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	62.94, 49.718, -56.648
XYZ	45.096, 31.514, 97.468
xyY	0.259, 0.181, 31.514
CIE-LCH	62.94, 75.372, 311.272
CIE-LUV	62.94, 20.289, -96.769
Hunter-Lab	56.138, 45.149, -63.644
Binary	10111010, 01111010, 11111110

#ba7afe
```
#ba7afe rgb(186,122,254)
```
#befe7a
```
#befe7a rgb(190,254,122)
```

Complementary Color

#7a7cfe
```
#7a7cfe rgb(122,124,254)
```
#ba7afe
```
#ba7afe rgb(186,122,254)
```
#fc7afe
```
#fc7afe rgb(252,122,254)
```

Analogous Color

#7cfe7a
```
#7cfe7a rgb(124,254,122)
```
#ba7afe
```
#ba7afe rgb(186,122,254)
```
#fefc7a
```
#fefc7a rgb(254,252,122)
```

Split Complementary Color

#7afeba
```
#7afeba rgb(122,254,186)
```
#ba7afe
```
#ba7afe rgb(186,122,254)
```
#feba7a
```
#feba7a rgb(254,186,122)
```

Triadic Color

#7abefe
```
#7abefe rgb(122,190,254)
```
#ba7afe
```
#ba7afe rgb(186,122,254)
```
#feba7a
```
#feba7a rgb(254,186,122)
```
#befe7a
```
#befe7a rgb(190,254,122)
```

Tetradic Color

#932efd
```
#932efd rgb(147,46,253)
```
#a047fe
```
#a047fe rgb(160,71,254)
```
#ad61fe
```
#ad61fe rgb(173,97,254)
```
#ba7afe
```
#ba7afe rgb(186,122,254)
```
#c793fe
```
#c793fe rgb(199,147,254)
```
#d4adfe
```
#d4adfe rgb(212,173,254)
```
#e1c6ff
```
#e1c6ff rgb(225,198,255)
```

Monochromatic Color

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

#997afe
```
#997afe rgb(153,122,254)
```
#a47afe
```
#a47afe rgb(164,122,254)
```
#af7afe
```
#af7afe rgb(175,122,254)
```
#ba7afe
```
#ba7afe rgb(186,122,254)
```
#c57afe
```
#c57afe rgb(197,122,254)
```
#d07afe
```
#d07afe rgb(208,122,254)
```
#db7afe
```
#db7afe rgb(219,122,254)
```

Similar Colors

Text with hexadecimal color #ba7afe

This text has a font color of #ba7afe.

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

#ba7afe background color

This paragraph has a background color of #ba7afe.

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

#ba7afe border color

This element has a border color of #ba7afe.

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

CSS codes

.text {color:#ba7afe;}

.background {background-color:#ba7afe;}

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

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 #f7efff is the lightest one.

#020003
```
#020003 rgb(2,0,3)
```
#0b0017
```
#0b0017 rgb(11,0,23)
```
#15002a
```
#15002a rgb(21,0,42)
```
#1e003e
```
#1e003e rgb(30,0,62)
```
#280151
```
#280151 rgb(40,1,81)
```
#310165
```
#310165 rgb(49,1,101)
```
#3b0178
```
#3b0178 rgb(59,1,120)
```
#44018c
```
#44018c rgb(68,1,140)
```
#4e019f
```
#4e019f rgb(78,1,159)
```
#5701b3
```
#5701b3 rgb(87,1,179)
```
#6101c6
```
#6101c6 rgb(97,1,198)
```
#6a02d9
```
#6a02d9 rgb(106,2,217)
```
#7402ed
```
#7402ed rgb(116,2,237)
```

Shade Color Variation

#7d05fd
```
#7d05fd rgb(125,5,253)
```
#8719fd
```
#8719fd rgb(135,25,253)
```
#922cfd
```
#922cfd rgb(146,44,253)
```
#9c40fe
```
#9c40fe rgb(156,64,254)
```
#a653fe
```
#a653fe rgb(166,83,254)
```
#b067fe
```
#b067fe rgb(176,103,254)
```
#ba7afe
```
#ba7afe rgb(186,122,254)
```
#c48dfe
```
#c48dfe rgb(196,141,254)
```
#cea1fe
```
#cea1fe rgb(206,161,254)
```
#d8b4fe
```
#d8b4fe rgb(216,180,254)
```
#e2c8ff
```
#e2c8ff rgb(226,200,255)
```
#eddbff
```
#eddbff rgb(237,219,255)
```
#f7efff
```
#f7efff rgb(247,239,255)
```

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)
```
#bcaeca
```
#bcaeca rgb(188,174,202)
```
#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)
```
#bb8fe9
```
#bb8fe9 rgb(187,143,233)
```
#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 #ba7afe 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

#9c9c9c Achromatopsia 0.005% of the population
#a295b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d9aff Protanopia 1% of men
#649ef3 Deuteranopia 1% of men
#a999a3 Tritanopia 0.001% of the population

Trichromacy

#898efe Protanomaly 1% of men, 0.01% of women
#8391f7 Deuteranomaly 6% of men, 0.4% of women
#af8dc4 Tritanomaly 0.01% of the population

#ba7afe hex color

#ba7afe Color Information

#ba7afe Color Conversion

Color Schemes with #ba7afe

Alternatives to #ba7afe

#ba7afe Preview

Shades and Tints of #ba7afe

Tones of #ba7afe

Color Blindness Simulator