#ba5cfc hex color

In a RGB color space, hex #ba5cfc is composed of 72.9% red, 36.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 63.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 275.3 degrees, a saturation of 96.4% and a lightness of 67.5%. #ba5cfc color hex could be obtained by blending #ffb8ff with #7500f9. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 36
- B 99
RGB color chart
- C 26
- M 63
- Y 0
- K 1
CMYK color chart

● #ba5cfc color description : Soft violet.

The hexadecimal color #ba5cfc has RGB values of R:186, G:92, B:252 and CMYK values of C:0.26, M:0.63, Y:0, K:0.01. Its decimal value is 12213500.

Hex triplet	ba5cfc	`#ba5cfc`
RGB Decimal	186, 92, 252	`rgb(186,92,252)`
RGB Percent	72.9, 36.1, 98.8	`rgb(72.9%,36.1%,98.8%)`
CMYK	26, 63, 0, 1
HSL	275.3°, 96.4, 67.5	`hsl(275.3,96.4%,67.5%)`
HSV (or HSB)	275.3°, 63.5, 98.8
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.195, 64.268, -64.742
XYZ	41.645, 25.123, 94.745
xyY	0.258, 0.156, 25.123
CIE-LCH	57.195, 91.224, 314.789
CIE-LUV	57.195, 29.154, -108.988
Hunter-Lab	50.122, 60.595, -76.989
Binary	10111010, 01011100, 11111100

#ba5cfc
```
#ba5cfc rgb(186,92,252)
```
#9efc5c
```
#9efc5c rgb(158,252,92)
```

Complementary Color

#6a5cfc
```
#6a5cfc rgb(106,92,252)
```
#ba5cfc
```
#ba5cfc rgb(186,92,252)
```
#fc5cee
```
#fc5cee rgb(252,92,238)
```

Analogous Color

#5cfc6a
```
#5cfc6a rgb(92,252,106)
```
#ba5cfc
```
#ba5cfc rgb(186,92,252)
```
#eefc5c
```
#eefc5c rgb(238,252,92)
```

Split Complementary Color

#5cfcba
```
#5cfcba rgb(92,252,186)
```
#ba5cfc
```
#ba5cfc rgb(186,92,252)
```
#fcba5c
```
#fcba5c rgb(252,186,92)
```

Triadic Color

#5c9efc
```
#5c9efc rgb(92,158,252)
```
#ba5cfc
```
#ba5cfc rgb(186,92,252)
```
#fcba5c
```
#fcba5c rgb(252,186,92)
```
#9efc5c
```
#9efc5c rgb(158,252,92)
```

Tetradic Color

#9a11fb
```
#9a11fb rgb(154,17,251)
```
#a52afb
```
#a52afb rgb(165,42,251)
```
#af43fc
```
#af43fc rgb(175,67,252)
```
#ba5cfc
```
#ba5cfc rgb(186,92,252)
```
#c575fc
```
#c575fc rgb(197,117,252)
```
#cf8efd
```
#cf8efd rgb(207,142,253)
```
#daa7fd
```
#daa7fd rgb(218,167,253)
```

Monochromatic Color

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

#925cfc
```
#925cfc rgb(146,92,252)
```
#9f5cfc
```
#9f5cfc rgb(159,92,252)
```
#ad5cfc
```
#ad5cfc rgb(173,92,252)
```
#ba5cfc
```
#ba5cfc rgb(186,92,252)
```
#c75cfc
```
#c75cfc rgb(199,92,252)
```
#d55cfc
```
#d55cfc rgb(213,92,252)
```
#e25cfc
```
#e25cfc rgb(226,92,252)
```

Similar Colors

Text with hexadecimal color #ba5cfc

This text has a font color of #ba5cfc.

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

#ba5cfc background color

This paragraph has a background color of #ba5cfc.

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

#ba5cfc border color

This element has a border color of #ba5cfc.

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

CSS codes

.text {color:#ba5cfc;}

.background {background-color:#ba5cfc;}

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

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, #06000a is the darkest color, while #fbf6ff is the lightest one.

#06000a
```
#06000a rgb(6,0,10)
```
#12011e
```
#12011e rgb(18,1,30)
```
#1d0131
```
#1d0131 rgb(29,1,49)
```
#290144
```
#290144 rgb(41,1,68)
```
#340257
```
#340257 rgb(52,2,87)
```
#3f026b
```
#3f026b rgb(63,2,107)
```
#4b027e
```
#4b027e rgb(75,2,126)
```
#560391
```
#560391 rgb(86,3,145)
```
#6203a4
```
#6203a4 rgb(98,3,164)
```
#6d03b8
```
#6d03b8 rgb(109,3,184)
```
#7904cb
```
#7904cb rgb(121,4,203)
```
#8404de
```
#8404de rgb(132,4,222)
```
#9004f1
```
#9004f1 rgb(144,4,241)
```

Shade Color Variation

#990ffb
```
#990ffb rgb(153,15,251)
```
#a222fb
```
#a222fb rgb(162,34,251)
```
#aa35fb
```
#aa35fb rgb(170,53,251)
```
#b249fc
```
#b249fc rgb(178,73,252)
```
#ba5cfc
```
#ba5cfc rgb(186,92,252)
```
#c26ffc
```
#c26ffc rgb(194,111,252)
```
#ca83fd
```
#ca83fd rgb(202,131,253)
```
#d296fd
```
#d296fd rgb(210,150,253)
```
#dba9fd
```
#dba9fd rgb(219,169,253)
```
#e3bcfe
```
#e3bcfe rgb(227,188,254)
```
#ebd0fe
```
#ebd0fe rgb(235,208,254)
```
#f3e3fe
```
#f3e3fe rgb(243,227,254)
```
#fbf6ff
```
#fbf6ff rgb(251,246,255)
```

Tint Color Variation

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

#ada9af
```
#ada9af rgb(173,169,175)
```
#aea2b6
```
#aea2b6 rgb(174,162,182)
```
#af9cbc
```
#af9cbc rgb(175,156,188)
```
#b095c3
```
#b095c3 rgb(176,149,195)
```
#b18fc9
```
#b18fc9 rgb(177,143,201)
```
#b289cf
```
#b289cf rgb(178,137,207)
```
#b382d6
```
#b382d6 rgb(179,130,214)
```
#b47cdc
```
#b47cdc rgb(180,124,220)
```
#b676e2
```
#b676e2 rgb(182,118,226)
```
#b76fe9
```
#b76fe9 rgb(183,111,233)
```
#b869ef
```
#b869ef rgb(184,105,239)
```
#b962f6
```
#b962f6 rgb(185,98,246)
```
#ba5cfc
```
#ba5cfc rgb(186,92,252)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#9481a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#478bff Protanopia 1% of men
#3791ed Deuteranopia 1% of men
#a78690 Tritanopia 0.001% of the population

Trichromacy

#717afd Protanomaly 1% of men, 0.01% of women
#677df2 Deuteranomaly 6% of men, 0.4% of women
#ae77b7 Tritanomaly 0.01% of the population

#ba5cfc hex color

#ba5cfc Color Information

#ba5cfc Color Conversion

Color Schemes with #ba5cfc

Alternatives to #ba5cfc

#ba5cfc Preview

Shades and Tints of #ba5cfc

Tones of #ba5cfc

Color Blindness Simulator