#ba1afb hex color

In a RGB color space, hex #ba1afb is composed of 72.9% red, 10.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 89.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 282.7 degrees, a saturation of 96.6% and a lightness of 54.3%. #ba1afb color hex could be obtained by blending #ff34ff with #7500f7. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 10
- B 98
RGB color chart
- C 26
- M 90
- Y 0
- K 2
CMYK color chart

● #ba1afb color description : Vivid violet.

The hexadecimal color #ba1afb has RGB values of R:186, G:26, B:251 and CMYK values of C:0.26, M:0.9, Y:0, K:0.02. Its decimal value is 12196603.

Hex triplet	ba1afb	`#ba1afb`
RGB Decimal	186, 26, 251	`rgb(186,26,251)`
RGB Percent	72.9, 10.2, 98.4	`rgb(72.9%,10.2%,98.4%)`
CMYK	26, 90, 0, 2
HSL	282.7°, 96.6, 54.3	`hsl(282.7,96.6%,54.3%)`
HSV (or HSB)	282.7°, 89.6, 98.4
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.671, 85.374, -76.372
XYZ	38.029, 18.144, 92.76
xyY	0.255, 0.122, 18.144
CIE-LCH	49.671, 114.549, 318.186
CIE-LUV	49.671, 39.166, -123.23
Hunter-Lab	42.596, 84.82, -99.297
Binary	10111010, 00011010, 11111011

#ba1afb
```
#ba1afb rgb(186,26,251)
```
#5bfb1a
```
#5bfb1a rgb(91,251,26)
```

Complementary Color

#4a1afb
```
#4a1afb rgb(74,26,251)
```
#ba1afb
```
#ba1afb rgb(186,26,251)
```
#fb1acc
```
#fb1acc rgb(251,26,204)
```

Analogous Color

#1afb4a
```
#1afb4a rgb(26,251,74)
```
#ba1afb
```
#ba1afb rgb(186,26,251)
```
#ccfb1a
```
#ccfb1a rgb(204,251,26)
```

Split Complementary Color

#1afbba
```
#1afbba rgb(26,251,186)
```
#ba1afb
```
#ba1afb rgb(186,26,251)
```
#fbba1a
```
#fbba1a rgb(251,186,26)
```

Triadic Color

#1a5bfb
```
#1a5bfb rgb(26,91,251)
```
#ba1afb
```
#ba1afb rgb(186,26,251)
```
#fbba1a
```
#fbba1a rgb(251,186,26)
```
#5bfb1a
```
#5bfb1a rgb(91,251,26)
```

Tetradic Color

#8d03c5
```
#8d03c5 rgb(141,3,197)
```
#9f04de
```
#9f04de rgb(159,4,222)
```
#b104f7
```
#b104f7 rgb(177,4,247)
```
#ba1afb
```
#ba1afb rgb(186,26,251)
```
#c233fb
```
#c233fb rgb(194,51,251)
```
#c94cfc
```
#c94cfc rgb(201,76,252)
```
#d165fc
```
#d165fc rgb(209,101,252)
```

Monochromatic Color

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

#821afb
```
#821afb rgb(130,26,251)
```
#951afb
```
#951afb rgb(149,26,251)
```
#a71afb
```
#a71afb rgb(167,26,251)
```
#ba1afb
```
#ba1afb rgb(186,26,251)
```
#cd1afb
```
#cd1afb rgb(205,26,251)
```
#e01afb
```
#e01afb rgb(224,26,251)
```
#f21afb
```
#f21afb rgb(242,26,251)
```

Similar Colors

Text with hexadecimal color #ba1afb

This text has a font color of #ba1afb.

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

#ba1afb background color

This paragraph has a background color of #ba1afb.

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

#ba1afb border color

This element has a border color of #ba1afb.

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

CSS codes

.text {color:#ba1afb;}

.background {background-color:#ba1afb;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#0f0016
```
#0f0016 rgb(15,0,22)
```
#1d0129
```
#1d0129 rgb(29,1,41)
```
#2b013c
```
#2b013c rgb(43,1,60)
```
#39014f
```
#39014f rgb(57,1,79)
```
#470263
```
#470263 rgb(71,2,99)
```
#550276
```
#550276 rgb(85,2,118)
```
#620289
```
#620289 rgb(98,2,137)
```
#70039d
```
#70039d rgb(112,3,157)
```
#7e03b0
```
#7e03b0 rgb(126,3,176)
```
#8c03c3
```
#8c03c3 rgb(140,3,195)
```
#9a04d6
```
#9a04d6 rgb(154,4,214)
```
#a704ea
```
#a704ea rgb(167,4,234)
```

Shade Color Variation

#b407fb
```
#b407fb rgb(180,7,251)
```
#ba1afb
```
#ba1afb rgb(186,26,251)
```
#c02dfb
```
#c02dfb rgb(192,45,251)
```
#c641fc
```
#c641fc rgb(198,65,252)
```
#cb54fc
```
#cb54fc rgb(203,84,252)
```
#d167fc
```
#d167fc rgb(209,103,252)
```
#d77afd
```
#d77afd rgb(215,122,253)
```
#dd8efd
```
#dd8efd rgb(221,142,253)
```
#e3a1fd
```
#e3a1fd rgb(227,161,253)
```
#e8b4fe
```
#e8b4fe rgb(232,180,254)
```
#eec8fe
```
#eec8fe rgb(238,200,254)
```
#f4dbfe
```
#f4dbfe rgb(244,219,254)
```
#faeeff
```
#faeeff rgb(250,238,255)
```

Tint Color Variation

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

#8d868f
```
#8d868f rgb(141,134,143)
```
#907d98
```
#907d98 rgb(144,125,152)
```
#9474a1
```
#9474a1 rgb(148,116,161)
```
#986baa
```
#986baa rgb(152,107,170)
```
#9c62b3
```
#9c62b3 rgb(156,98,179)
```
#a059bc
```
#a059bc rgb(160,89,188)
```
#a350c5
```
#a350c5 rgb(163,80,197)
```
#a747ce
```
#a747ce rgb(167,71,206)
```
#ab3ed7
```
#ab3ed7 rgb(171,62,215)
```
#af35e0
```
#af35e0 rgb(175,53,224)
```
#b22ce9
```
#b22ce9 rgb(178,44,233)
```
#b623f2
```
#b623f2 rgb(182,35,242)
```
#ba1afb
```
#ba1afb rgb(186,26,251)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#745481 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#4356f1 Protanomaly 1% of men, 0.01% of women
#435ae0 Deuteranomaly 6% of men, 0.4% of women
#ac4fa6 Tritanomaly 0.01% of the population

#ba1afb hex color

#ba1afb Color Information

#ba1afb Color Conversion

Color Schemes with #ba1afb

Alternatives to #ba1afb

#ba1afb Preview

Shades and Tints of #ba1afb

Tones of #ba1afb

Color Blindness Simulator