#ba1bf2 hex color

In a RGB color space, hex #ba1bf2 is composed of 72.9% red, 10.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 88.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 284.4 degrees, a saturation of 89.2% and a lightness of 52.7%. #ba1bf2 color hex could be obtained by blending #ff36ff with #7500e5. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 11
- B 95
RGB color chart
- C 23
- M 89
- Y 0
- K 5
CMYK color chart

● #ba1bf2 color description : Vivid violet.

The hexadecimal color #ba1bf2 has RGB values of R:186, G:27, B:242 and CMYK values of C:0.23, M:0.89, Y:0, K:0.05. Its decimal value is 12196850.

Hex triplet	ba1bf2	`#ba1bf2`
RGB Decimal	186, 27, 242	`rgb(186,27,242)`
RGB Percent	72.9, 10.6, 94.9	`rgb(72.9%,10.6%,94.9%)`
CMYK	23, 89, 0, 5
HSL	284.4°, 89.2, 52.7	`hsl(284.4,89.2%,52.7%)`
HSV (or HSB)	284.4°, 88.8, 94.9
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.051, 83.592, -72.339
XYZ	36.667, 17.635, 85.472
xyY	0.262, 0.126, 17.635
CIE-LCH	49.051, 110.547, 319.128
CIE-LUV	49.051, 41.567, -117.137
Hunter-Lab	41.994, 82.364, -91.278
Binary	10111010, 00011011, 11110010

#ba1bf2
```
#ba1bf2 rgb(186,27,242)
```
#53f21b
```
#53f21b rgb(83,242,27)
```

Complementary Color

#4f1bf2
```
#4f1bf2 rgb(79,27,242)
```
#ba1bf2
```
#ba1bf2 rgb(186,27,242)
```
#f21bbf
```
#f21bbf rgb(242,27,191)
```

Analogous Color

#1bf24e
```
#1bf24e rgb(27,242,78)
```
#ba1bf2
```
#ba1bf2 rgb(186,27,242)
```
#bff21b
```
#bff21b rgb(191,242,27)
```

Split Complementary Color

#1bf2ba
```
#1bf2ba rgb(27,242,186)
```
#ba1bf2
```
#ba1bf2 rgb(186,27,242)
```
#f2ba1b
```
#f2ba1b rgb(242,186,27)
```

Triadic Color

#1b53f2
```
#1b53f2 rgb(27,83,242)
```
#ba1bf2
```
#ba1bf2 rgb(186,27,242)
```
#f2ba1b
```
#f2ba1b rgb(242,186,27)
```
#53f21b
```
#53f21b rgb(83,242,27)
```

Tetradic Color

#890ab6
```
#890ab6 rgb(137,10,182)
```
#9c0cce
```
#9c0cce rgb(156,12,206)
```
#ae0de6
```
#ae0de6 rgb(174,13,230)
```
#ba1bf2
```
#ba1bf2 rgb(186,27,242)
```
#c133f3
```
#c133f3 rgb(193,51,243)
```
#c94bf5
```
#c94bf5 rgb(201,75,245)
```
#d063f6
```
#d063f6 rgb(208,99,246)
```

Monochromatic Color

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

#841bf2
```
#841bf2 rgb(132,27,242)
```
#961bf2
```
#961bf2 rgb(150,27,242)
```
#a81bf2
```
#a81bf2 rgb(168,27,242)
```
#ba1bf2
```
#ba1bf2 rgb(186,27,242)
```
#cc1bf2
```
#cc1bf2 rgb(204,27,242)
```
#de1bf2
```
#de1bf2 rgb(222,27,242)
```
#f01bf2
```
#f01bf2 rgb(240,27,242)
```

Similar Colors

Text with hexadecimal color #ba1bf2

This text has a font color of #ba1bf2.

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

#ba1bf2 background color

This paragraph has a background color of #ba1bf2.

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

#ba1bf2 border color

This element has a border color of #ba1bf2.

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

CSS codes

.text {color:#ba1bf2;}

.background {background-color:#ba1bf2;}

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

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

#0a010d
```
#0a010d rgb(10,1,13)
```
#180220
```
#180220 rgb(24,2,32)
```
#260332
```
#260332 rgb(38,3,50)
```
#340445
```
#340445 rgb(52,4,69)
```
#420557
```
#420557 rgb(66,5,87)
```
#50066a
```
#50066a rgb(80,6,106)
```
#5e077d
```
#5e077d rgb(94,7,125)
```
#6c088f
```
#6c088f rgb(108,8,143)
```
#7a09a2
```
#7a09a2 rgb(122,9,162)
```
#880ab4
```
#880ab4 rgb(136,10,180)
```
#960bc7
```
#960bc7 rgb(150,11,199)
```
#a40cd9
```
#a40cd9 rgb(164,12,217)
```
#b20dec
```
#b20dec rgb(178,13,236)
```

Shade Color Variation

#ba1bf2
```
#ba1bf2 rgb(186,27,242)
```
#c02ef3
```
#c02ef3 rgb(192,46,243)
```
#c540f4
```
#c540f4 rgb(197,64,244)
```
#cb53f5
```
#cb53f5 rgb(203,83,245)
```
#d065f6
```
#d065f6 rgb(208,101,246)
```
#d678f7
```
#d678f7 rgb(214,120,247)
```
#dc8af8
```
#dc8af8 rgb(220,138,248)
```
#e19df9
```
#e19df9 rgb(225,157,249)
```
#e7affa
```
#e7affa rgb(231,175,250)
```
#edc2fc
```
#edc2fc rgb(237,194,252)
```
#f2d5fd
```
#f2d5fd rgb(242,213,253)
```
#f8e7fe
```
#f8e7fe rgb(248,231,254)
```
#fdfaff
```
#fdfaff rgb(253,250,255)
```

Tint Color Variation

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

#89818c
```
#89818c rgb(137,129,140)
```
#8e7895
```
#8e7895 rgb(142,120,149)
```
#926e9f
```
#926e9f rgb(146,110,159)
```
#9665a8
```
#9665a8 rgb(150,101,168)
```
#9b5cb1
```
#9b5cb1 rgb(155,92,177)
```
#9f53ba
```
#9f53ba rgb(159,83,186)
```
#a449c4
```
#a449c4 rgb(164,73,196)
```
#a840cd
```
#a840cd rgb(168,64,205)
```
#ad37d6
```
#ad37d6 rgb(173,55,214)
```
#b12edf
```
#b12edf rgb(177,46,223)
```
#b624e9
```
#b624e9 rgb(182,36,233)
```
#ba1bf2
```
#ba1bf2 rgb(186,27,242)
```
#be12fb
```
#be12fb rgb(190,18,251)
```

Tone Color Variation

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

Dichromacy

#0078e9 Protanopia 1% of men
#007ecf Deuteranopia 1% of men
#a66b72 Tritanopia 0.001% of the population

Trichromacy

#4356ec Protanomaly 1% of men, 0.01% of women
#435adc Deuteranomaly 6% of men, 0.4% of women
#ad4da0 Tritanomaly 0.01% of the population

#ba1bf2 hex color

#ba1bf2 Color Information

#ba1bf2 Color Conversion

Color Schemes with #ba1bf2

Alternatives to #ba1bf2

#ba1bf2 Preview

Shades and Tints of #ba1bf2

Tones of #ba1bf2

Color Blindness Simulator