#ba2fef hex color

In a RGB color space, hex #ba2fef is composed of 72.9% red, 18.4% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 80.3% magenta, 0% yellow and 6.3% black. It has a hue angle of 283.4 degrees, a saturation of 85.7% and a lightness of 56.1%. #ba2fef color hex could be obtained by blending #ff5eff with #7500df. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 18
- B 94
RGB color chart
- C 22
- M 80
- Y 0
- K 6
CMYK color chart

● #ba2fef color description : Bright violet.

The hexadecimal color #ba2fef has RGB values of R:186, G:47, B:239 and CMYK values of C:0.22, M:0.8, Y:0, K:0.06. Its decimal value is 12201967.

Hex triplet	ba2fef	`#ba2fef`
RGB Decimal	186, 47, 239	`rgb(186,47,239)`
RGB Percent	72.9, 18.4, 93.7	`rgb(72.9%,18.4%,93.7%)`
CMYK	22, 80, 0, 6
HSL	283.4°, 85.7, 56.1	`hsl(283.4,85.7%,56.1%)`
HSV (or HSB)	283.4°, 80.3, 93.7
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	50.341, 78.617, -68.557
XYZ	36.844, 18.706, 83.326
xyY	0.265, 0.135, 18.706
CIE-LCH	50.341, 104.311, 318.91
CIE-LUV	50.341, 40.508, -112.324
Hunter-Lab	43.25, 76.375, -83.955
Binary	10111010, 00101111, 11101111

#ba2fef
```
#ba2fef rgb(186,47,239)
```
#64ef2f
```
#64ef2f rgb(100,239,47)
```

Complementary Color

#5a2fef
```
#5a2fef rgb(90,47,239)
```
#ba2fef
```
#ba2fef rgb(186,47,239)
```
#ef2fc4
```
#ef2fc4 rgb(239,47,196)
```

Analogous Color

#2fef5a
```
#2fef5a rgb(47,239,90)
```
#ba2fef
```
#ba2fef rgb(186,47,239)
```
#c4ef2f
```
#c4ef2f rgb(196,239,47)
```

Split Complementary Color

#2fefba
```
#2fefba rgb(47,239,186)
```
#ba2fef
```
#ba2fef rgb(186,47,239)
```
#efba2f
```
#efba2f rgb(239,186,47)
```

Triadic Color

#2f64ef
```
#2f64ef rgb(47,100,239)
```
#ba2fef
```
#ba2fef rgb(186,47,239)
```
#efba2f
```
#efba2f rgb(239,186,47)
```
#64ef2f
```
#64ef2f rgb(100,239,47)
```

Tetradic Color

#910fc3
```
#910fc3 rgb(145,15,195)
```
#a311da
```
#a311da rgb(163,17,218)
```
#b217ed
```
#b217ed rgb(178,23,237)
```
#ba2fef
```
#ba2fef rgb(186,47,239)
```
#c247f1
```
#c247f1 rgb(194,71,241)
```
#ca5ef3
```
#ca5ef3 rgb(202,94,243)
```
#d276f4
```
#d276f4 rgb(210,118,244)
```

Monochromatic Color

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

#8a2fef
```
#8a2fef rgb(138,47,239)
```
#9a2fef
```
#9a2fef rgb(154,47,239)
```
#aa2fef
```
#aa2fef rgb(170,47,239)
```
#ba2fef
```
#ba2fef rgb(186,47,239)
```
#ca2fef
```
#ca2fef rgb(202,47,239)
```
#da2fef
```
#da2fef rgb(218,47,239)
```
#ea2fef
```
#ea2fef rgb(234,47,239)
```

Similar Colors

Text with hexadecimal color #ba2fef

This text has a font color of #ba2fef.

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

#ba2fef background color

This paragraph has a background color of #ba2fef.

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

#ba2fef border color

This element has a border color of #ba2fef.

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

CSS codes

.text {color:#ba2fef;}

.background {background-color:#ba2fef;}

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

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, #08010b is the darkest color, while #fcf7fe is the lightest one.

#08010b
```
#08010b rgb(8,1,11)
```
#15021d
```
#15021d rgb(21,2,29)
```
#23042f
```
#23042f rgb(35,4,47)
```
#310541
```
#310541 rgb(49,5,65)
```
#3e0653
```
#3e0653 rgb(62,6,83)
```
#4c0866
```
#4c0866 rgb(76,8,102)
```
#590978
```
#590978 rgb(89,9,120)
```
#670b8a
```
#670b8a rgb(103,11,138)
```
#740c9c
```
#740c9c rgb(116,12,156)
```
#820daf
```
#820daf rgb(130,13,175)
```
#900fc1
```
#900fc1 rgb(144,15,193)
```
#9d10d3
```
#9d10d3 rgb(157,16,211)
```
#ab12e5
```
#ab12e5 rgb(171,18,229)
```

Shade Color Variation

#b41dee
```
#b41dee rgb(180,29,238)
```
#ba2fef
```
#ba2fef rgb(186,47,239)
```
#c041f0
```
#c041f0 rgb(192,65,240)
```
#c653f2
```
#c653f2 rgb(198,83,242)
```
#cc66f3
```
#cc66f3 rgb(204,102,243)
```
#d278f5
```
#d278f5 rgb(210,120,245)
```
#d88af6
```
#d88af6 rgb(216,138,246)
```
#de9cf7
```
#de9cf7 rgb(222,156,247)
```
#e4aff9
```
#e4aff9 rgb(228,175,249)
```
#eac1fa
```
#eac1fa rgb(234,193,250)
```
#f0d3fc
```
#f0d3fc rgb(240,211,252)
```
#f6e5fd
```
#f6e5fd rgb(246,229,253)
```
#fcf7fe
```
#fcf7fe rgb(252,247,254)
```

Tint Color Variation

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

#908e90
```
#908e90 rgb(144,142,144)
```
#938599
```
#938599 rgb(147,133,153)
```
#977da1
```
#977da1 rgb(151,125,161)
```
#9b74aa
```
#9b74aa rgb(155,116,170)
```
#9f6bb3
```
#9f6bb3 rgb(159,107,179)
```
#a363bb
```
#a363bb rgb(163,99,187)
```
#a75ac4
```
#a75ac4 rgb(167,90,196)
```
#ab51cd
```
#ab51cd rgb(171,81,205)
```
#ae49d5
```
#ae49d5 rgb(174,73,213)
```
#b240de
```
#b240de rgb(178,64,222)
```
#b638e6
```
#b638e6 rgb(182,56,230)
```
#ba2fef
```
#ba2fef rgb(186,47,239)
```
#be26f8
```
#be26f8 rgb(190,38,248)
```

Tone Color Variation

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

Dichromacy

#007bf0 Protanopia 1% of men
#0081d6 Deuteranopia 1% of men
#a86f76 Tritanopia 0.001% of the population

Trichromacy

#435fef Protanomaly 1% of men, 0.01% of women
#4363df Deuteranomaly 6% of men, 0.4% of women
#ae57a2 Tritanomaly 0.01% of the population

#ba2fef hex color

#ba2fef Color Information

#ba2fef Color Conversion

Color Schemes with #ba2fef

Alternatives to #ba2fef

#ba2fef Preview

Shades and Tints of #ba2fef

Tones of #ba2fef

Color Blindness Simulator