#ba5cef hex color

In a RGB color space, hex #ba5cef is composed of 72.9% red, 36.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 61.5% magenta, 0% yellow and 6.3% black. It has a hue angle of 278.4 degrees, a saturation of 82.1% and a lightness of 64.9%. #ba5cef color hex could be obtained by blending #ffb8ff with #7500df. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 36
- B 94
RGB color chart
- C 22
- M 62
- Y 0
- K 6
CMYK color chart

● #ba5cef color description : Soft violet.

The hexadecimal color #ba5cef has RGB values of R:186, G:92, B:239 and CMYK values of C:0.22, M:0.62, Y:0, K:0.06. Its decimal value is 12213487.

Hex triplet	ba5cef	`#ba5cef`
RGB Decimal	186, 92, 239	`rgb(186,92,239)`
RGB Percent	72.9, 36.1, 93.7	`rgb(72.9%,36.1%,93.7%)`
CMYK	22, 62, 0, 6
HSL	278.4°, 82.1, 64.9	`hsl(278.4,82.1%,64.9%)`
HSV (or HSB)	278.4°, 61.5, 93.7
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.413, 61.487, -58.771
XYZ	39.655, 24.326, 84.263
xyY	0.267, 0.164, 24.326
CIE-LCH	56.413, 85.057, 316.294
CIE-LUV	56.413, 31.875, -99.203
Hunter-Lab	49.322, 57.2, -66.768
Binary	10111010, 01011100, 11101111

#ba5cef
```
#ba5cef rgb(186,92,239)
```
#91ef5c
```
#91ef5c rgb(145,239,92)
```

Complementary Color

#715cef
```
#715cef rgb(113,92,239)
```
#ba5cef
```
#ba5cef rgb(186,92,239)
```
#ef5cdb
```
#ef5cdb rgb(239,92,219)
```

Analogous Color

#5cef71
```
#5cef71 rgb(92,239,113)
```
#ba5cef
```
#ba5cef rgb(186,92,239)
```
#dbef5c
```
#dbef5c rgb(219,239,92)
```

Split Complementary Color

#5cefba
```
#5cefba rgb(92,239,186)
```
#ba5cef
```
#ba5cef rgb(186,92,239)
```
#efba5c
```
#efba5c rgb(239,186,92)
```

Triadic Color

#5c91ef
```
#5c91ef rgb(92,145,239)
```
#ba5cef
```
#ba5cef rgb(186,92,239)
```
#efba5c
```
#efba5c rgb(239,186,92)
```
#91ef5c
```
#91ef5c rgb(145,239,92)
```

Tetradic Color

#9c17e8
```
#9c17e8 rgb(156,23,232)
```
#a62eea
```
#a62eea rgb(166,46,234)
```
#b045ed
```
#b045ed rgb(176,69,237)
```
#ba5cef
```
#ba5cef rgb(186,92,239)
```
#c473f1
```
#c473f1 rgb(196,115,241)
```
#ce8af4
```
#ce8af4 rgb(206,138,244)
```
#d7a2f6
```
#d7a2f6 rgb(215,162,246)
```

Monochromatic Color

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

#955cef
```
#955cef rgb(149,92,239)
```
#a25cef
```
#a25cef rgb(162,92,239)
```
#ae5cef
```
#ae5cef rgb(174,92,239)
```
#ba5cef
```
#ba5cef rgb(186,92,239)
```
#c65cef
```
#c65cef rgb(198,92,239)
```
#d35cef
```
#d35cef rgb(211,92,239)
```
#df5cef
```
#df5cef rgb(223,92,239)
```

Similar Colors

Text with hexadecimal color #ba5cef

This text has a font color of #ba5cef.

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

#ba5cef background color

This paragraph has a background color of #ba5cef.

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

#ba5cef border color

This element has a border color of #ba5cef.

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

CSS codes

.text {color:#ba5cef;}

.background {background-color:#ba5cef;}

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

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

#0b0210
```
#0b0210 rgb(11,2,16)
```
#170321
```
#170321 rgb(23,3,33)
```
#230533
```
#230533 rgb(35,5,51)
```
#2f0745
```
#2f0745 rgb(47,7,69)
```
#3b0957
```
#3b0957 rgb(59,9,87)
```
#470a69
```
#470a69 rgb(71,10,105)
```
#530c7b
```
#530c7b rgb(83,12,123)
```
#5f0e8d
```
#5f0e8d rgb(95,14,141)
```
#6b109f
```
#6b109f rgb(107,16,159)
```
#7711b0
```
#7711b0 rgb(119,17,176)
```
#8313c2
```
#8313c2 rgb(131,19,194)
```
#8f15d4
```
#8f15d4 rgb(143,21,212)
```
#9b17e6
```
#9b17e6 rgb(155,23,230)
```

Shade Color Variation

#a326ea
```
#a326ea rgb(163,38,234)
```
#ab38eb
```
#ab38eb rgb(171,56,235)
```
#b24aed
```
#b24aed rgb(178,74,237)
```
#ba5cef
```
#ba5cef rgb(186,92,239)
```
#c26ef1
```
#c26ef1 rgb(194,110,241)
```
#c980f3
```
#c980f3 rgb(201,128,243)
```
#d192f4
```
#d192f4 rgb(209,146,244)
```
#d8a3f6
```
#d8a3f6 rgb(216,163,246)
```
#e0b5f8
```
#e0b5f8 rgb(224,181,248)
```
#e7c7fa
```
#e7c7fa rgb(231,199,250)
```
#efd9fb
```
#efd9fb rgb(239,217,251)
```
#f6ebfd
```
#f6ebfd rgb(246,235,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#a7a1aa
```
#a7a1aa rgb(167,161,170)
```
#a99ab1
```
#a99ab1 rgb(169,154,177)
```
#ab93b8
```
#ab93b8 rgb(171,147,184)
```
#ad8cbf
```
#ad8cbf rgb(173,140,191)
```
#ae85c6
```
#ae85c6 rgb(174,133,198)
```
#b07ecd
```
#b07ecd rgb(176,126,205)
```
#b278d3
```
#b278d3 rgb(178,120,211)
```
#b471da
```
#b471da rgb(180,113,218)
```
#b66ae1
```
#b66ae1 rgb(182,106,225)
```
#b863e8
```
#b863e8 rgb(184,99,232)
```
#ba5cef
```
#ba5cef rgb(186,92,239)
```
#bc55f6
```
#bc55f6 rgb(188,85,246)
```
#be4efd
```
#be4efd rgb(190,78,253)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#93809d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4189ff Protanopia 1% of men
#4d8ee1 Deuteranopia 1% of men
#aa838c Tritanopia 0.001% of the population

Trichromacy

#6d79f9 Protanomaly 1% of men, 0.01% of women
#747ce6 Deuteranomaly 6% of men, 0.4% of women
#b074b0 Tritanomaly 0.01% of the population

#ba5cef hex color

#ba5cef Color Information

#ba5cef Color Conversion

Color Schemes with #ba5cef

Alternatives to #ba5cef

#ba5cef Preview

Shades and Tints of #ba5cef

Tones of #ba5cef

Color Blindness Simulator