#ba2beb hex color

In a RGB color space, hex #ba2beb is composed of 72.9% red, 16.9% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 20.9% cyan, 81.7% magenta, 0% yellow and 7.8% black. It has a hue angle of 284.7 degrees, a saturation of 82.8% and a lightness of 54.5%. #ba2beb color hex could be obtained by blending #ff56ff with #7500d7. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 17
- B 92
RGB color chart
- C 21
- M 82
- Y 0
- K 8
CMYK color chart

● #ba2beb color description : Bright violet.

The hexadecimal color #ba2beb has RGB values of R:186, G:43, B:235 and CMYK values of C:0.21, M:0.82, Y:0, K:0.08. Its decimal value is 12200939.

Hex triplet	ba2beb	`#ba2beb`
RGB Decimal	186, 43, 235	`rgb(186,43,235)`
RGB Percent	72.9, 16.9, 92.2	`rgb(72.9%,16.9%,92.2%)`
CMYK	21, 82, 0, 8
HSL	284.7°, 82.8, 54.5	`hsl(284.7,82.8%,54.5%)`
HSV (or HSB)	284.7°, 81.7, 92.2
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.697, 78.943, -67.347
XYZ	36.107, 18.166, 80.197
xyY	0.269, 0.135, 18.166
CIE-LCH	49.697, 103.768, 319.532
CIE-LUV	49.697, 42.086, -110.239
Hunter-Lab	42.622, 76.627, -81.724
Binary	10111010, 00101011, 11101011

#ba2beb
```
#ba2beb rgb(186,43,235)
```
#5ceb2b
```
#5ceb2b rgb(92,235,43)
```

Complementary Color

#5a2beb
```
#5a2beb rgb(90,43,235)
```
#ba2beb
```
#ba2beb rgb(186,43,235)
```
#eb2bbc
```
#eb2bbc rgb(235,43,188)
```

Analogous Color

#2beb5a
```
#2beb5a rgb(43,235,90)
```
#ba2beb
```
#ba2beb rgb(186,43,235)
```
#bceb2b
```
#bceb2b rgb(188,235,43)
```

Split Complementary Color

#2bebba
```
#2bebba rgb(43,235,186)
```
#ba2beb
```
#ba2beb rgb(186,43,235)
```
#ebba2b
```
#ebba2b rgb(235,186,43)
```

Triadic Color

#2b5ceb
```
#2b5ceb rgb(43,92,235)
```
#ba2beb
```
#ba2beb rgb(186,43,235)
```
#ebba2b
```
#ebba2b rgb(235,186,43)
```
#5ceb2b
```
#5ceb2b rgb(92,235,43)
```

Tetradic Color

#8e11b8
```
#8e11b8 rgb(142,17,184)
```
#9f14cf
```
#9f14cf rgb(159,20,207)
```
#b116e7
```
#b116e7 rgb(177,22,231)
```
#ba2beb
```
#ba2beb rgb(186,43,235)
```
#c242ed
```
#c242ed rgb(194,66,237)
```
#c95aef
```
#c95aef rgb(201,90,239)
```
#d171f2
```
#d171f2 rgb(209,113,242)
```

Monochromatic Color

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

#8a2beb
```
#8a2beb rgb(138,43,235)
```
#9a2beb
```
#9a2beb rgb(154,43,235)
```
#aa2beb
```
#aa2beb rgb(170,43,235)
```
#ba2beb
```
#ba2beb rgb(186,43,235)
```
#ca2beb
```
#ca2beb rgb(202,43,235)
```
#da2beb
```
#da2beb rgb(218,43,235)
```
#ea2beb
```
#ea2beb rgb(234,43,235)
```

Similar Colors

Text with hexadecimal color #ba2beb

This text has a font color of #ba2beb.

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

#ba2beb background color

This paragraph has a background color of #ba2beb.

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

#ba2beb border color

This element has a border color of #ba2beb.

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

CSS codes

.text {color:#ba2beb;}

.background {background-color:#ba2beb;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#100215
```
#100215 rgb(16,2,21)
```
#1e0427
```
#1e0427 rgb(30,4,39)
```
#2c0539
```
#2c0539 rgb(44,5,57)
```
#3a074b
```
#3a074b rgb(58,7,75)
```
#47095d
```
#47095d rgb(71,9,93)
```
#550a6f
```
#550a6f rgb(85,10,111)
```
#630c81
```
#630c81 rgb(99,12,129)
```
#710e92
```
#710e92 rgb(113,14,146)
```
#7e10a4
```
#7e10a4 rgb(126,16,164)
```
#8c11b6
```
#8c11b6 rgb(140,17,182)
```
#9a13c8
```
#9a13c8 rgb(154,19,200)
```
#a815da
```
#a815da rgb(168,21,218)
```

Shade Color Variation

#b419e9
```
#b419e9 rgb(180,25,233)
```
#ba2beb
```
#ba2beb rgb(186,43,235)
```
#c03ded
```
#c03ded rgb(192,61,237)
```
#c64fee
```
#c64fee rgb(198,79,238)
```
#cc61f0
```
#cc61f0 rgb(204,97,240)
```
#d173f2
```
#d173f2 rgb(209,115,242)
```
#d785f3
```
#d785f3 rgb(215,133,243)
```
#dd97f5
```
#dd97f5 rgb(221,151,245)
```
#e3a8f7
```
#e3a8f7 rgb(227,168,247)
```
#e9baf9
```
#e9baf9 rgb(233,186,249)
```
#efccfa
```
#efccfa rgb(239,204,250)
```
#f4defc
```
#f4defc rgb(244,222,252)
```
#faf0fe
```
#faf0fe rgb(250,240,254)
```

Tint Color Variation

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

#8e8492
```
#8e8492 rgb(142,132,146)
```
#937b9b
```
#937b9b rgb(147,123,155)
```
#9772a4
```
#9772a4 rgb(151,114,164)
```
#9b69ad
```
#9b69ad rgb(155,105,173)
```
#a061b5
```
#a061b5 rgb(160,97,181)
```
#a458be
```
#a458be rgb(164,88,190)
```
#a94fc7
```
#a94fc7 rgb(169,79,199)
```
#ad46d0
```
#ad46d0 rgb(173,70,208)
```
#b13dd9
```
#b13dd9 rgb(177,61,217)
```
#b634e2
```
#b634e2 rgb(182,52,226)
```
#ba2beb
```
#ba2beb rgb(186,43,235)
```
#be22f4
```
#be22f4 rgb(190,34,244)
```
#c319fd
```
#c319fd rgb(195,25,253)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7c5f85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ed Protanopia 1% of men
#007fd3 Deuteranopia 1% of men
#a86c73 Tritanopia 0.001% of the population

Trichromacy

#435dec Protanomaly 1% of men, 0.01% of women
#4360dc Deuteranomaly 6% of men, 0.4% of women
#af549f Tritanomaly 0.01% of the population

#ba2beb hex color

#ba2beb Color Information

#ba2beb Color Conversion

Color Schemes with #ba2beb

Alternatives to #ba2beb

#ba2beb Preview

Shades and Tints of #ba2beb

Tones of #ba2beb

Color Blindness Simulator