#ba1aff hex color

In a RGB color space, hex #ba1aff is composed of 72.9% red, 10.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 89.8% magenta, 0% yellow and 0% black. It has a hue angle of 281.9 degrees, a saturation of 100% and a lightness of 55.1%. #ba1aff color hex could be obtained by blending #ff34ff with #7500ff. Closest websafe color is: #cc33ff.

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

● #ba1aff color description : Vivid violet.

The hexadecimal color #ba1aff has RGB values of R:186, G:26, B:255 and CMYK values of C:0.27, M:0.9, Y:0, K:0. Its decimal value is 12196607.

Hex triplet	ba1aff	`#ba1aff`
RGB Decimal	186, 26, 255	`rgb(186,26,255)`
RGB Percent	72.9, 10.2, 100	`rgb(72.9%,10.2%,100%)`
CMYK	27, 90, 0, 0
HSL	281.9°, 100, 55.1	`hsl(281.9,100%,55.1%)`
HSV (or HSB)	281.9°, 89.8, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.977, 86.102, -78.103
XYZ	38.667, 18.399, 96.117
xyY	0.252, 0.12, 18.399
CIE-LCH	49.977, 116.248, 317.789
CIE-LUV	49.977, 38.107, -125.862
Hunter-Lab	42.894, 85.842, -102.83
Binary	10111010, 00011010, 11111111

#ba1aff
```
#ba1aff rgb(186,26,255)
```
#5fff1a
```
#5fff1a rgb(95,255,26)
```

Complementary Color

#481aff
```
#481aff rgb(72,26,255)
```
#ba1aff
```
#ba1aff rgb(186,26,255)
```
#ff1ad2
```
#ff1ad2 rgb(255,26,210)
```

Analogous Color

#1aff48
```
#1aff48 rgb(26,255,72)
```
#ba1aff
```
#ba1aff rgb(186,26,255)
```
#d2ff1a
```
#d2ff1a rgb(210,255,26)
```

Split Complementary Color

#1affba
```
#1affba rgb(26,255,186)
```
#ba1aff
```
#ba1aff rgb(186,26,255)
```
#ffba1a
```
#ffba1a rgb(255,186,26)
```

Triadic Color

#1a5fff
```
#1a5fff rgb(26,95,255)
```
#ba1aff
```
#ba1aff rgb(186,26,255)
```
#ffba1a
```
#ffba1a rgb(255,186,26)
```
#5fff1a
```
#5fff1a rgb(95,255,26)
```

Tetradic Color

#8f00cd
```
#8f00cd rgb(143,0,205)
```
#a100e6
```
#a100e6 rgb(161,0,230)
```
#b200ff
```
#b200ff rgb(178,0,255)
```
#ba1aff
```
#ba1aff rgb(186,26,255)
```
#c234ff
```
#c234ff rgb(194,52,255)
```
#c94dff
```
#c94dff rgb(201,77,255)
```
#d167ff
```
#d167ff rgb(209,103,255)
```

Monochromatic Color

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

#811aff
```
#811aff rgb(129,26,255)
```
#941aff
```
#941aff rgb(148,26,255)
```
#a71aff
```
#a71aff rgb(167,26,255)
```
#ba1aff
```
#ba1aff rgb(186,26,255)
```
#cd1aff
```
#cd1aff rgb(205,26,255)
```
#e01aff
```
#e01aff rgb(224,26,255)
```
#f31aff
```
#f31aff rgb(243,26,255)
```

Similar Colors

Text with hexadecimal color #ba1aff

This text has a font color of #ba1aff.

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

#ba1aff background color

This paragraph has a background color of #ba1aff.

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

#ba1aff border color

This element has a border color of #ba1aff.

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

CSS codes

.text {color:#ba1aff;}

.background {background-color:#ba1aff;}

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

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

#040006
```
#040006 rgb(4,0,6)
```
#12001a
```
#12001a rgb(18,0,26)
```
#20002e
```
#20002e rgb(32,0,46)
```
#2e0041
```
#2e0041 rgb(46,0,65)
```
#3b0055
```
#3b0055 rgb(59,0,85)
```
#490068
```
#490068 rgb(73,0,104)
```
#57007c
```
#57007c rgb(87,0,124)
```
#640090
```
#640090 rgb(100,0,144)
```
#7200a3
```
#7200a3 rgb(114,0,163)
```
#8000b7
```
#8000b7 rgb(128,0,183)
```
#8e00cb
```
#8e00cb rgb(142,0,203)
```
#9b00de
```
#9b00de rgb(155,0,222)
```
#a900f2
```
#a900f2 rgb(169,0,242)
```

Shade Color Variation

#b406ff
```
#b406ff rgb(180,6,255)
```
#ba1aff
```
#ba1aff rgb(186,26,255)
```
#c02eff
```
#c02eff rgb(192,46,255)
```
#c641ff
```
#c641ff rgb(198,65,255)
```
#cc55ff
```
#cc55ff rgb(204,85,255)
```
#d268ff
```
#d268ff rgb(210,104,255)
```
#d87cff
```
#d87cff rgb(216,124,255)
```
#dd90ff
```
#dd90ff rgb(221,144,255)
```
#e3a3ff
```
#e3a3ff rgb(227,163,255)
```
#e9b7ff
```
#e9b7ff rgb(233,183,255)
```
#efcbff
```
#efcbff rgb(239,203,255)
```
#f5deff
```
#f5deff rgb(245,222,255)
```
#fbf2ff
```
#fbf2ff rgb(251,242,255)
```

Tint Color Variation

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

#908495
```
#908495 rgb(144,132,149)
```
#947b9e
```
#947b9e rgb(148,123,158)
```
#9772a7
```
#9772a7 rgb(151,114,167)
```
#9b69b0
```
#9b69b0 rgb(155,105,176)
```
#9e60b9
```
#9e60b9 rgb(158,96,185)
```
#a258c1
```
#a258c1 rgb(162,88,193)
```
#a54fca
```
#a54fca rgb(165,79,202)
```
#a946d3
```
#a946d3 rgb(169,70,211)
```
#ac3ddc
```
#ac3ddc rgb(172,61,220)
```
#b034e5
```
#b034e5 rgb(176,52,229)
```
#b32ced
```
#b32ced rgb(179,44,237)
```
#b723f6
```
#b723f6 rgb(183,35,246)
```
#ba1aff
```
#ba1aff rgb(186,26,255)
```

Tone Color Variation

Below, you can see how #ba1aff 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
#755583 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aed Protanopia 1% of men
#0080d2 Deuteranopia 1% of men
#a36f77 Tritanopia 0.001% of the population

Trichromacy

#4357f4 Protanomaly 1% of men, 0.01% of women
#435be2 Deuteranomaly 6% of men, 0.4% of women
#ab50a8 Tritanomaly 0.01% of the population

#ba1aff hex color

#ba1aff Color Information

#ba1aff Color Conversion

Color Schemes with #ba1aff

Alternatives to #ba1aff

#ba1aff Preview

Shades and Tints of #ba1aff

Tones of #ba1aff

Color Blindness Simulator