#ba2cfe hex color

In a RGB color space, hex #ba2cfe is composed of 72.9% red, 17.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 82.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 280.6 degrees, a saturation of 99.1% and a lightness of 58.4%. #ba2cfe color hex could be obtained by blending #ff58ff with #7500fd. Closest websafe color is: #cc33ff.

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

● #ba2cfe color description : Bright violet.

The hexadecimal color #ba2cfe has RGB values of R:186, G:44, B:254 and CMYK values of C:0.27, M:0.83, Y:0, K:0. Its decimal value is 12201214.

Hex triplet	ba2cfe	`#ba2cfe`
RGB Decimal	186, 44, 254	`rgb(186,44,254)`
RGB Percent	72.9, 17.3, 99.6	`rgb(72.9%,17.3%,99.6%)`
CMYK	27, 83, 0, 0
HSL	280.6°, 99.1, 58.4	`hsl(280.6,99.1%,58.4%)`
HSV (or HSB)	280.6°, 82.7, 99.6
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.149, 82.229, -75.636
XYZ	39.037, 19.397, 95.448
xyY	0.254, 0.126, 19.397
CIE-LCH	51.149, 111.725, 317.391
CIE-LUV	51.149, 36.909, -123.073
Hunter-Lab	44.043, 81.14, -97.662
Binary	10111010, 00101100, 11111110

#ba2cfe
```
#ba2cfe rgb(186,44,254)
```
#70fe2c
```
#70fe2c rgb(112,254,44)
```

Complementary Color

#512cfe
```
#512cfe rgb(81,44,254)
```
#ba2cfe
```
#ba2cfe rgb(186,44,254)
```
#fe2cd9
```
#fe2cd9 rgb(254,44,217)
```

Analogous Color

#2cfe51
```
#2cfe51 rgb(44,254,81)
```
#ba2cfe
```
#ba2cfe rgb(186,44,254)
```
#d9fe2c
```
#d9fe2c rgb(217,254,44)
```

Split Complementary Color

#2cfeba
```
#2cfeba rgb(44,254,186)
```
#ba2cfe
```
#ba2cfe rgb(186,44,254)
```
#feba2c
```
#feba2c rgb(254,186,44)
```

Triadic Color

#2c70fe
```
#2c70fe rgb(44,112,254)
```
#ba2cfe
```
#ba2cfe rgb(186,44,254)
```
#feba2c
```
#feba2c rgb(254,186,44)
```
#70fe2c
```
#70fe2c rgb(112,254,44)
```

Tetradic Color

#9501dc
```
#9501dc rgb(149,1,220)
```
#a701f6
```
#a701f6 rgb(167,1,246)
```
#b213fe
```
#b213fe rgb(178,19,254)
```
#ba2cfe
```
#ba2cfe rgb(186,44,254)
```
#c245fe
```
#c245fe rgb(194,69,254)
```
#cb5ffe
```
#cb5ffe rgb(203,95,254)
```
#d378fe
```
#d378fe rgb(211,120,254)
```

Monochromatic Color

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

#862cfe
```
#862cfe rgb(134,44,254)
```
#972cfe
```
#972cfe rgb(151,44,254)
```
#a92cfe
```
#a92cfe rgb(169,44,254)
```
#ba2cfe
```
#ba2cfe rgb(186,44,254)
```
#cc2cfe
```
#cc2cfe rgb(204,44,254)
```
#dd2cfe
```
#dd2cfe rgb(221,44,254)
```
#ef2cfe
```
#ef2cfe rgb(239,44,254)
```

Similar Colors

Text with hexadecimal color #ba2cfe

This text has a font color of #ba2cfe.

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

#ba2cfe background color

This paragraph has a background color of #ba2cfe.

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

#ba2cfe border color

This element has a border color of #ba2cfe.

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

CSS codes

.text {color:#ba2cfe;}

.background {background-color:#ba2cfe;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#100017
```
#100017 rgb(16,0,23)
```
#1d002b
```
#1d002b rgb(29,0,43)
```
#2a003e
```
#2a003e rgb(42,0,62)
```
#370052
```
#370052 rgb(55,0,82)
```
#450065
```
#450065 rgb(69,0,101)
```
#520179
```
#520179 rgb(82,1,121)
```
#5f018c
```
#5f018c rgb(95,1,140)
```
#6c01a0
```
#6c01a0 rgb(108,1,160)
```
#7a01b3
```
#7a01b3 rgb(122,1,179)
```
#8701c7
```
#8701c7 rgb(135,1,199)
```
#9401db
```
#9401db rgb(148,1,219)
```
#a101ee
```
#a101ee rgb(161,1,238)
```

Shade Color Variation

#ad05fe
```
#ad05fe rgb(173,5,254)
```
#b418fe
```
#b418fe rgb(180,24,254)
```
#ba2cfe
```
#ba2cfe rgb(186,44,254)
```
#c040fe
```
#c040fe rgb(192,64,254)
```
#c753fe
```
#c753fe rgb(199,83,254)
```
#cd67fe
```
#cd67fe rgb(205,103,254)
```
#d47afe
```
#d47afe rgb(212,122,254)
```
#da8efe
```
#da8efe rgb(218,142,254)
```
#e0a1ff
```
#e0a1ff rgb(224,161,255)
```
#e7b5ff
```
#e7b5ff rgb(231,181,255)
```
#edc8ff
```
#edc8ff rgb(237,200,255)
```
#f3dcff
```
#f3dcff rgb(243,220,255)
```
#faefff
```
#faefff rgb(250,239,255)
```

Tint Color Variation

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

#988e9c
```
#988e9c rgb(152,142,156)
```
#9a86a4
```
#9a86a4 rgb(154,134,164)
```
#9d7eac
```
#9d7eac rgb(157,126,172)
```
#a075b5
```
#a075b5 rgb(160,117,181)
```
#a36dbd
```
#a36dbd rgb(163,109,189)
```
#a665c5
```
#a665c5 rgb(166,101,197)
```
#a95dcd
```
#a95dcd rgb(169,93,205)
```
#ac55d5
```
#ac55d5 rgb(172,85,213)
```
#af4ddd
```
#af4ddd rgb(175,77,221)
```
#b144e6
```
#b144e6 rgb(177,68,230)
```
#b43cee
```
#b43cee rgb(180,60,238)
```
#b734f6
```
#b734f6 rgb(183,52,246)
```
#ba2cfe
```
#ba2cfe rgb(186,44,254)
```

Tone Color Variation

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

Dichromacy

#007df3 Protanopia 1% of men
#0083d7 Deuteranopia 1% of men
#a4737b Tritanopia 0.001% of the population

Trichromacy

#435ff7 Protanomaly 1% of men, 0.01% of women
#4363e5 Deuteranomaly 6% of men, 0.4% of women
#ac59ab Tritanomaly 0.01% of the population

#ba2cfe hex color

#ba2cfe Color Information

#ba2cfe Color Conversion

Color Schemes with #ba2cfe

Alternatives to #ba2cfe

#ba2cfe Preview

Shades and Tints of #ba2cfe

Tones of #ba2cfe

Color Blindness Simulator