#ba1cf8 hex color

In a RGB color space, hex #ba1cf8 is composed of 72.9% red, 11% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 88.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 283.1 degrees, a saturation of 94% and a lightness of 54.1%. #ba1cf8 color hex could be obtained by blending #ff38ff with #7500f1. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 11
- B 97
RGB color chart
- C 25
- M 89
- Y 0
- K 3
CMYK color chart

● #ba1cf8 color description : Vivid violet.

The hexadecimal color #ba1cf8 has RGB values of R:186, G:28, B:248 and CMYK values of C:0.25, M:0.89, Y:0, K:0.03. Its decimal value is 12197112.

Hex triplet	ba1cf8	`#ba1cf8`
RGB Decimal	186, 28, 248	`rgb(186,28,248)`
RGB Percent	72.9, 11, 97.3	`rgb(72.9%,11%,97.3%)`
CMYK	25, 89, 0, 3
HSL	283.1°, 94, 54.1	`hsl(283.1,94%,54.1%)`
HSV (or HSB)	283.1°, 88.7, 97.3
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.555, 84.502, -74.883
XYZ	37.606, 18.048, 90.304
xyY	0.258, 0.124, 18.048
CIE-LCH	49.555, 112.907, 318.454
CIE-LUV	49.555, 39.845, -121.054
Hunter-Lab	42.483, 83.662, -96.291
Binary	10111010, 00011100, 11111000

#ba1cf8
```
#ba1cf8 rgb(186,28,248)
```
#5af81c
```
#5af81c rgb(90,248,28)
```

Complementary Color

#4c1cf8
```
#4c1cf8 rgb(76,28,248)
```
#ba1cf8
```
#ba1cf8 rgb(186,28,248)
```
#f81cc8
```
#f81cc8 rgb(248,28,200)
```

Analogous Color

#1cf84c
```
#1cf84c rgb(28,248,76)
```
#ba1cf8
```
#ba1cf8 rgb(186,28,248)
```
#c8f81c
```
#c8f81c rgb(200,248,28)
```

Split Complementary Color

#1cf8ba
```
#1cf8ba rgb(28,248,186)
```
#ba1cf8
```
#ba1cf8 rgb(186,28,248)
```
#f8ba1c
```
#f8ba1c rgb(248,186,28)
```

Triadic Color

#1c5af8
```
#1c5af8 rgb(28,90,248)
```
#ba1cf8
```
#ba1cf8 rgb(186,28,248)
```
#f8ba1c
```
#f8ba1c rgb(248,186,28)
```
#5af81c
```
#5af81c rgb(90,248,28)
```

Tetradic Color

#8d06c2
```
#8d06c2 rgb(141,6,194)
```
#9f07da
```
#9f07da rgb(159,7,218)
```
#b107f3
```
#b107f3 rgb(177,7,243)
```
#ba1cf8
```
#ba1cf8 rgb(186,28,248)
```
#c235f9
```
#c235f9 rgb(194,53,249)
```
#c94dfa
```
#c94dfa rgb(201,77,250)
```
#d166fa
```
#d166fa rgb(209,102,250)
```

Monochromatic Color

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

#831cf8
```
#831cf8 rgb(131,28,248)
```
#951cf8
```
#951cf8 rgb(149,28,248)
```
#a81cf8
```
#a81cf8 rgb(168,28,248)
```
#ba1cf8
```
#ba1cf8 rgb(186,28,248)
```
#cc1cf8
```
#cc1cf8 rgb(204,28,248)
```
#df1cf8
```
#df1cf8 rgb(223,28,248)
```
#f11cf8
```
#f11cf8 rgb(241,28,248)
```

Similar Colors

Text with hexadecimal color #ba1cf8

This text has a font color of #ba1cf8.

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

#ba1cf8 background color

This paragraph has a background color of #ba1cf8.

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

#ba1cf8 border color

This element has a border color of #ba1cf8.

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

CSS codes

.text {color:#ba1cf8;}

.background {background-color:#ba1cf8;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0f0114
```
#0f0114 rgb(15,1,20)
```
#1d0127
```
#1d0127 rgb(29,1,39)
```
#2a023a
```
#2a023a rgb(42,2,58)
```
#38024d
```
#38024d rgb(56,2,77)
```
#460360
```
#460360 rgb(70,3,96)
```
#540474
```
#540474 rgb(84,4,116)
```
#620487
```
#620487 rgb(98,4,135)
```
#70059a
```
#70059a rgb(112,5,154)
```
#7d05ad
```
#7d05ad rgb(125,5,173)
```
#8b06c0
```
#8b06c0 rgb(139,6,192)
```
#9906d3
```
#9906d3 rgb(153,6,211)
```
#a707e6
```
#a707e6 rgb(167,7,230)
```

Shade Color Variation

#b409f7
```
#b409f7 rgb(180,9,247)
```
#ba1cf8
```
#ba1cf8 rgb(186,28,248)
```
#c02ff9
```
#c02ff9 rgb(192,47,249)
```
#c642f9
```
#c642f9 rgb(198,66,249)
```
#cb55fa
```
#cb55fa rgb(203,85,250)
```
#d168fa
```
#d168fa rgb(209,104,250)
```
#d77bfb
```
#d77bfb rgb(215,123,251)
```
#dd8efc
```
#dd8efc rgb(221,142,252)
```
#e2a1fc
```
#e2a1fc rgb(226,161,252)
```
#e8b4fd
```
#e8b4fd rgb(232,180,253)
```
#eec7fd
```
#eec7fd rgb(238,199,253)
```
#f4dafe
```
#f4dafe rgb(244,218,254)
```
#faedfe
```
#faedfe rgb(250,237,254)
```

Tint Color Variation

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

#8b888c
```
#8b888c rgb(139,136,140)
```
#8f7f95
```
#8f7f95 rgb(143,127,149)
```
#93769e
```
#93769e rgb(147,118,158)
```
#976da7
```
#976da7 rgb(151,109,167)
```
#9b64b0
```
#9b64b0 rgb(155,100,176)
```
#9f5bb9
```
#9f5bb9 rgb(159,91,185)
```
#a252c2
```
#a252c2 rgb(162,82,194)
```
#a649cb
```
#a649cb rgb(166,73,203)
```
#aa40d4
```
#aa40d4 rgb(170,64,212)
```
#ae37dd
```
#ae37dd rgb(174,55,221)
```
#b22ee6
```
#b22ee6 rgb(178,46,230)
```
#b625ef
```
#b625ef rgb(182,37,239)
```
#ba1cf8
```
#ba1cf8 rgb(186,28,248)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#755682 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd1 Deuteranopia 1% of men
#a56d75 Tritanopia 0.001% of the population

Trichromacy

#4357f0 Protanomaly 1% of men, 0.01% of women
#435bdf Deuteranomaly 6% of men, 0.4% of women
#ac4fa4 Tritanomaly 0.01% of the population

#ba1cf8 hex color

#ba1cf8 Color Information

#ba1cf8 Color Conversion

Color Schemes with #ba1cf8

Alternatives to #ba1cf8

#ba1cf8 Preview

Shades and Tints of #ba1cf8

Tones of #ba1cf8

Color Blindness Simulator