#ba2feb hex color

In a RGB color space, hex #ba2feb is composed of 72.9% red, 18.4% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 20.9% cyan, 80% magenta, 0% yellow and 7.8% black. It has a hue angle of 284.4 degrees, a saturation of 82.5% and a lightness of 55.3%. #ba2feb color hex could be obtained by blending #ff5eff with #7500d7. Closest websafe color is: #cc33ff.

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

● #ba2feb color description : Bright violet.

The hexadecimal color #ba2feb has RGB values of R:186, G:47, B:235 and CMYK values of C:0.21, M:0.8, Y:0, K:0.08. Its decimal value is 12201963.

Hex triplet	ba2feb	`#ba2feb`
RGB Decimal	186, 47, 235	`rgb(186,47,235)`
RGB Percent	72.9, 18.4, 92.2	`rgb(72.9%,18.4%,92.2%)`
CMYK	21, 80, 0, 8
HSL	284.4°, 82.5, 55.3	`hsl(284.4,82.5%,55.3%)`
HSV (or HSB)	284.4°, 80, 92.2
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	50.063, 77.876, -66.755
XYZ	36.26, 18.472, 80.248
xyY	0.269, 0.137, 18.472
CIE-LCH	50.063, 102.571, 319.397
CIE-LUV	50.063, 41.604, -109.532
Hunter-Lab	42.979, 75.382, -80.619
Binary	10111010, 00101111, 11101011

#ba2feb
```
#ba2feb rgb(186,47,235)
```
#60eb2f
```
#60eb2f rgb(96,235,47)
```

Complementary Color

#5c2feb
```
#5c2feb rgb(92,47,235)
```
#ba2feb
```
#ba2feb rgb(186,47,235)
```
#eb2fbe
```
#eb2fbe rgb(235,47,190)
```

Analogous Color

#2feb5c
```
#2feb5c rgb(47,235,92)
```
#ba2feb
```
#ba2feb rgb(186,47,235)
```
#beeb2f
```
#beeb2f rgb(190,235,47)
```

Split Complementary Color

#2febba
```
#2febba rgb(47,235,186)
```
#ba2feb
```
#ba2feb rgb(186,47,235)
```
#ebba2f
```
#ebba2f rgb(235,186,47)
```

Triadic Color

#2f60eb
```
#2f60eb rgb(47,96,235)
```
#ba2feb
```
#ba2feb rgb(186,47,235)
```
#ebba2f
```
#ebba2f rgb(235,186,47)
```
#60eb2f
```
#60eb2f rgb(96,235,47)
```

Tetradic Color

#8f12bb
```
#8f12bb rgb(143,18,187)
```
#a114d3
```
#a114d3 rgb(161,20,211)
```
#b218e9
```
#b218e9 rgb(178,24,233)
```
#ba2feb
```
#ba2feb rgb(186,47,235)
```
#c246ed
```
#c246ed rgb(194,70,237)
```
#c95eef
```
#c95eef rgb(201,94,239)
```
#d175f2
```
#d175f2 rgb(209,117,242)
```

Monochromatic Color

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

#8b2feb
```
#8b2feb rgb(139,47,235)
```
#9b2feb
```
#9b2feb rgb(155,47,235)
```
#aa2feb
```
#aa2feb rgb(170,47,235)
```
#ba2feb
```
#ba2feb rgb(186,47,235)
```
#ca2feb
```
#ca2feb rgb(202,47,235)
```
#d92feb
```
#d92feb rgb(217,47,235)
```
#e92feb
```
#e92feb rgb(233,47,235)
```

Similar Colors

Text with hexadecimal color #ba2feb

This text has a font color of #ba2feb.

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

#ba2feb background color

This paragraph has a background color of #ba2feb.

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

#ba2feb border color

This element has a border color of #ba2feb.

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

CSS codes

.text {color:#ba2feb;}

.background {background-color:#ba2feb;}

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

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

#050107
```
#050107 rgb(5,1,7)
```
#130219
```
#130219 rgb(19,2,25)
```
#21042b
```
#21042b rgb(33,4,43)
```
#2e063c
```
#2e063c rgb(46,6,60)
```
#3c084e
```
#3c084e rgb(60,8,78)
```
#4a0960
```
#4a0960 rgb(74,9,96)
```
#570b72
```
#570b72 rgb(87,11,114)
```
#650d84
```
#650d84 rgb(101,13,132)
```
#730e96
```
#730e96 rgb(115,14,150)
```
#8010a8
```
#8010a8 rgb(128,16,168)
```
#8e12ba
```
#8e12ba rgb(142,18,186)
```
#9c14cc
```
#9c14cc rgb(156,20,204)
```
#a915dd
```
#a915dd rgb(169,21,221)
```

Shade Color Variation

#b41de9
```
#b41de9 rgb(180,29,233)
```
#ba2feb
```
#ba2feb rgb(186,47,235)
```
#c041ed
```
#c041ed rgb(192,65,237)
```
#c653ee
```
#c653ee rgb(198,83,238)
```
#cc65f0
```
#cc65f0 rgb(204,101,240)
```
#d277f2
```
#d277f2 rgb(210,119,242)
```
#d888f4
```
#d888f4 rgb(216,136,244)
```
#de9af5
```
#de9af5 rgb(222,154,245)
```
#e4acf7
```
#e4acf7 rgb(228,172,247)
```
#e9bef9
```
#e9bef9 rgb(233,190,249)
```
#efd0fa
```
#efd0fa rgb(239,208,250)
```
#f5e2fc
```
#f5e2fc rgb(245,226,252)
```
#fbf4fe
```
#fbf4fe rgb(251,244,254)
```

Tint Color Variation

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

#908793
```
#908793 rgb(144,135,147)
```
#947e9c
```
#947e9c rgb(148,126,156)
```
#9875a5
```
#9875a5 rgb(152,117,165)
```
#9d6cae
```
#9d6cae rgb(157,108,174)
```
#a164b6
```
#a164b6 rgb(161,100,182)
```
#a55bbf
```
#a55bbf rgb(165,91,191)
```
#a952c8
```
#a952c8 rgb(169,82,200)
```
#ad49d1
```
#ad49d1 rgb(173,73,209)
```
#b241d9
```
#b241d9 rgb(178,65,217)
```
#b638e2
```
#b638e2 rgb(182,56,226)
```
#ba2feb
```
#ba2feb rgb(186,47,235)
```
#be26f4
```
#be26f4 rgb(190,38,244)
```
#c21dfd
```
#c21dfd rgb(194,29,253)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7d6187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aee Protanopia 1% of men
#0080d5 Deuteranopia 1% of men
#a86d75 Tritanopia 0.001% of the population

Trichromacy

#435fed Protanomaly 1% of men, 0.01% of women
#4362dd Deuteranomaly 6% of men, 0.4% of women
#af569f Tritanomaly 0.01% of the population

#ba2feb hex color

#ba2feb Color Information

#ba2feb Color Conversion

Color Schemes with #ba2feb

Alternatives to #ba2feb

#ba2feb Preview

Shades and Tints of #ba2feb

Tones of #ba2feb

Color Blindness Simulator