#ba69f6 hex color

In a RGB color space, hex #ba69f6 is composed of 72.9% red, 41.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 57.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 274.5 degrees, a saturation of 88.7% and a lightness of 68.8%. #ba69f6 color hex could be obtained by blending #ffd2ff with #7500ed. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 41
- B 96
RGB color chart
- C 24
- M 57
- Y 0
- K 4
CMYK color chart

● #ba69f6 color description : Soft violet.

The hexadecimal color #ba69f6 has RGB values of R:186, G:105, B:246 and CMYK values of C:0.24, M:0.57, Y:0, K:0.04. Its decimal value is 12216822.

Hex triplet	ba69f6	`#ba69f6`
RGB Decimal	186, 105, 246	`rgb(186,105,246)`
RGB Percent	72.9, 41.2, 96.5	`rgb(72.9%,41.2%,96.5%)`
CMYK	24, 57, 0, 4
HSL	274.5°, 88.7, 68.8	`hsl(274.5,88.7%,68.8%)`
HSV (or HSB)	274.5°, 57.3, 96.5
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	59.156, 56.688, -58.273
XYZ	41.933, 27.197, 90.224
xyY	0.263, 0.171, 27.197
CIE-LCH	59.156, 81.297, 314.21
CIE-LUV	59.156, 26.872, -98.927
Hunter-Lab	52.151, 52.265, -66.07
Binary	10111010, 01101001, 11110110

#ba69f6
```
#ba69f6 rgb(186,105,246)
```
#a5f669
```
#a5f669 rgb(165,246,105)
```

Complementary Color

#7469f6
```
#7469f6 rgb(116,105,246)
```
#ba69f6
```
#ba69f6 rgb(186,105,246)
```
#f669ec
```
#f669ec rgb(246,105,236)
```

Analogous Color

#69f674
```
#69f674 rgb(105,246,116)
```
#ba69f6
```
#ba69f6 rgb(186,105,246)
```
#ecf669
```
#ecf669 rgb(236,246,105)
```

Split Complementary Color

#69f6ba
```
#69f6ba rgb(105,246,186)
```
#ba69f6
```
#ba69f6 rgb(186,105,246)
```
#f6ba69
```
#f6ba69 rgb(246,186,105)
```

Triadic Color

#69a5f6
```
#69a5f6 rgb(105,165,246)
```
#ba69f6
```
#ba69f6 rgb(186,105,246)
```
#f6ba69
```
#f6ba69 rgb(246,186,105)
```
#a5f669
```
#a5f669 rgb(165,246,105)
```

Tetradic Color

#9921f2
```
#9921f2 rgb(153,33,242)
```
#a439f3
```
#a439f3 rgb(164,57,243)
```
#af51f5
```
#af51f5 rgb(175,81,245)
```
#ba69f6
```
#ba69f6 rgb(186,105,246)
```
#c581f7
```
#c581f7 rgb(197,129,247)
```
#d099f9
```
#d099f9 rgb(208,153,249)
```
#dbb1fa
```
#dbb1fa rgb(219,177,250)
```

Monochromatic Color

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

#9769f6
```
#9769f6 rgb(151,105,246)
```
#a369f6
```
#a369f6 rgb(163,105,246)
```
#ae69f6
```
#ae69f6 rgb(174,105,246)
```
#ba69f6
```
#ba69f6 rgb(186,105,246)
```
#c669f6
```
#c669f6 rgb(198,105,246)
```
#d269f6
```
#d269f6 rgb(210,105,246)
```
#dd69f6
```
#dd69f6 rgb(221,105,246)
```

Similar Colors

Text with hexadecimal color #ba69f6

This text has a font color of #ba69f6.

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

#ba69f6 background color

This paragraph has a background color of #ba69f6.

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

#ba69f6 border color

This element has a border color of #ba69f6.

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

CSS codes

.text {color:#ba69f6;}

.background {background-color:#ba69f6;}

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

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

#0a0111
```
#0a0111 rgb(10,1,17)
```
#150223
```
#150223 rgb(21,2,35)
```
#200336
```
#200336 rgb(32,3,54)
```
#2b0448
```
#2b0448 rgb(43,4,72)
```
#36055b
```
#36055b rgb(54,5,91)
```
#41076d
```
#41076d rgb(65,7,109)
```
#4d0880
```
#4d0880 rgb(77,8,128)
```
#580992
```
#580992 rgb(88,9,146)
```
#630aa5
```
#630aa5 rgb(99,10,165)
```
#6e0bb7
```
#6e0bb7 rgb(110,11,183)
```
#790cca
```
#790cca rgb(121,12,202)
```
#840ddc
```
#840ddc rgb(132,13,220)
```
#8f0eef
```
#8f0eef rgb(143,14,239)
```

Shade Color Variation

#981ff2
```
#981ff2 rgb(152,31,242)
```
#a031f3
```
#a031f3 rgb(160,49,243)
```
#a944f4
```
#a944f4 rgb(169,68,244)
```
#b156f5
```
#b156f5 rgb(177,86,245)
```
#ba69f6
```
#ba69f6 rgb(186,105,246)
```
#c37cf7
```
#c37cf7 rgb(195,124,247)
```
#cb8ef8
```
#cb8ef8 rgb(203,142,248)
```
#d4a1f9
```
#d4a1f9 rgb(212,161,249)
```
#dcb3fa
```
#dcb3fa rgb(220,179,250)
```
#e5c6fc
```
#e5c6fc rgb(229,198,252)
```
#edd8fd
```
#edd8fd rgb(237,216,253)
```
#f6ebfe
```
#f6ebfe rgb(246,235,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#b0acb3
```
#b0acb3 rgb(176,172,179)
```
#b1a6b9
```
#b1a6b9 rgb(177,166,185)
```
#b2a0bf
```
#b2a0bf rgb(178,160,191)
```
#b39ac5
```
#b39ac5 rgb(179,154,197)
```
#b494cb
```
#b494cb rgb(180,148,203)
```
#b58ed1
```
#b58ed1 rgb(181,142,209)
```
#b588d7
```
#b588d7 rgb(181,136,215)
```
#b681de
```
#b681de rgb(182,129,222)
```
#b77be4
```
#b77be4 rgb(183,123,228)
```
#b875ea
```
#b875ea rgb(184,117,234)
```
#b96ff0
```
#b96ff0 rgb(185,111,240)
```
#ba69f6
```
#ba69f6 rgb(186,105,246)
```
#bb63fc
```
#bb63fc rgb(187,99,252)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#9989a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5690ff Protanopia 1% of men
#5695ea Deuteranopia 1% of men
#aa8c96 Tritanopia 0.001% of the population

Trichromacy

#7a82fb Protanomaly 1% of men, 0.01% of women
#7a85ee Deuteranomaly 6% of men, 0.4% of women
#af7fb9 Tritanomaly 0.01% of the population

#ba69f6 hex color

#ba69f6 Color Information

#ba69f6 Color Conversion

Color Schemes with #ba69f6

Alternatives to #ba69f6

#ba69f6 Preview

Shades and Tints of #ba69f6

Tones of #ba69f6

Color Blindness Simulator