#ba42f6 hex color

In a RGB color space, hex #ba42f6 is composed of 72.9% red, 25.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 73.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 280 degrees, a saturation of 90.9% and a lightness of 61.2%. #ba42f6 color hex could be obtained by blending #ff84ff with #7500ed. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 26
- B 96
RGB color chart
- C 24
- M 73
- Y 0
- K 4
CMYK color chart

● #ba42f6 color description : Bright violet.

The hexadecimal color #ba42f6 has RGB values of R:186, G:66, B:246 and CMYK values of C:0.24, M:0.73, Y:0, K:0.04. Its decimal value is 12206838.

Hex triplet	ba42f6	`#ba42f6`
RGB Decimal	186, 66, 246	`rgb(186,66,246)`
RGB Percent	72.9, 25.9, 96.5	`rgb(72.9%,25.9%,96.5%)`
CMYK	24, 73, 0, 4
HSL	280°, 90.9, 61.2	`hsl(280,90.9%,61.2%)`
HSV (or HSB)	280°, 73.2, 96.5
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.939, 73.854, -68.272
XYZ	38.83, 20.991, 89.19
xyY	0.261, 0.141, 20.991
CIE-LCH	52.939, 100.576, 317.249
CIE-LUV	52.939, 35.904, -113.04
Hunter-Lab	45.815, 71.108, -83.35
Binary	10111010, 01000010, 11110110

#ba42f6
```
#ba42f6 rgb(186,66,246)
```
#7ef642
```
#7ef642 rgb(126,246,66)
```

Complementary Color

#6042f6
```
#6042f6 rgb(96,66,246)
```
#ba42f6
```
#ba42f6 rgb(186,66,246)
```
#f642d8
```
#f642d8 rgb(246,66,216)
```

Analogous Color

#42f660
```
#42f660 rgb(66,246,96)
```
#ba42f6
```
#ba42f6 rgb(186,66,246)
```
#d8f642
```
#d8f642 rgb(216,246,66)
```

Split Complementary Color

#42f6ba
```
#42f6ba rgb(66,246,186)
```
#ba42f6
```
#ba42f6 rgb(186,66,246)
```
#f6ba42
```
#f6ba42 rgb(246,186,66)
```

Triadic Color

#427ef6
```
#427ef6 rgb(66,126,246)
```
#ba42f6
```
#ba42f6 rgb(186,66,246)
```
#f6ba42
```
#f6ba42 rgb(246,186,66)
```
#7ef642
```
#7ef642 rgb(126,246,66)
```

Tetradic Color

#990be1
```
#990be1 rgb(153,11,225)
```
#a811f4
```
#a811f4 rgb(168,17,244)
```
#b12af5
```
#b12af5 rgb(177,42,245)
```
#ba42f6
```
#ba42f6 rgb(186,66,246)
```
#c35af7
```
#c35af7 rgb(195,90,247)
```
#cc73f8
```
#cc73f8 rgb(204,115,248)
```
#d58bf9
```
#d58bf9 rgb(213,139,249)
```

Monochromatic Color

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

#8d42f6
```
#8d42f6 rgb(141,66,246)
```
#9c42f6
```
#9c42f6 rgb(156,66,246)
```
#ab42f6
```
#ab42f6 rgb(171,66,246)
```
#ba42f6
```
#ba42f6 rgb(186,66,246)
```
#c942f6
```
#c942f6 rgb(201,66,246)
```
#d842f6
```
#d842f6 rgb(216,66,246)
```
#e742f6
```
#e742f6 rgb(231,66,246)
```

Similar Colors

Text with hexadecimal color #ba42f6

This text has a font color of #ba42f6.

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

#ba42f6 background color

This paragraph has a background color of #ba42f6.

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

#ba42f6 border color

This element has a border color of #ba42f6.

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

CSS codes

.text {color:#ba42f6;}

.background {background-color:#ba42f6;}

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

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

#0c0111
```
#0c0111 rgb(12,1,17)
```
#180224
```
#180224 rgb(24,2,36)
```
#250336
```
#250336 rgb(37,3,54)
```
#320349
```
#320349 rgb(50,3,73)
```
#3f045c
```
#3f045c rgb(63,4,92)
```
#4b056f
```
#4b056f rgb(75,5,111)
```
#580681
```
#580681 rgb(88,6,129)
```
#650794
```
#650794 rgb(101,7,148)
```
#7208a7
```
#7208a7 rgb(114,8,167)
```
#7f09b9
```
#7f09b9 rgb(127,9,185)
```
#8b0acc
```
#8b0acc rgb(139,10,204)
```
#980bdf
```
#980bdf rgb(152,11,223)
```
#a50cf2
```
#a50cf2 rgb(165,12,242)
```

Shade Color Variation

#ac1df4
```
#ac1df4 rgb(172,29,244)
```
#b32ff5
```
#b32ff5 rgb(179,47,245)
```
#ba42f6
```
#ba42f6 rgb(186,66,246)
```
#c155f7
```
#c155f7 rgb(193,85,247)
```
#c867f8
```
#c867f8 rgb(200,103,248)
```
#cf7af9
```
#cf7af9 rgb(207,122,249)
```
#d58dfa
```
#d58dfa rgb(213,141,250)
```
#dca0fa
```
#dca0fa rgb(220,160,250)
```
#e3b2fb
```
#e3b2fb rgb(227,178,251)
```
#eac5fc
```
#eac5fc rgb(234,197,252)
```
#f1d8fd
```
#f1d8fd rgb(241,216,253)
```
#f8ebfe
```
#f8ebfe rgb(248,235,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#9e96a2
```
#9e96a2 rgb(158,150,162)
```
#a18eaa
```
#a18eaa rgb(161,142,170)
```
#a387b1
```
#a387b1 rgb(163,135,177)
```
#a67fb9
```
#a67fb9 rgb(166,127,185)
```
#a877c1
```
#a877c1 rgb(168,119,193)
```
#ab70c8
```
#ab70c8 rgb(171,112,200)
```
#ad68d0
```
#ad68d0 rgb(173,104,208)
```
#b060d8
```
#b060d8 rgb(176,96,216)
```
#b259df
```
#b259df rgb(178,89,223)
```
#b551e7
```
#b551e7 rgb(181,81,231)
```
#b74aee
```
#b74aee rgb(183,74,238)
```
#ba42f6
```
#ba42f6 rgb(186,66,246)
```
#bd3afe
```
#bd3afe rgb(189,58,254)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#876f93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fc Protanopia 1% of men
#0087e1 Deuteranopia 1% of men
#a77880 Tritanopia 0.001% of the population

Trichromacy

#436af9 Protanomaly 1% of men, 0.01% of women
#436ee8 Deuteranomaly 6% of men, 0.4% of women
#ae64ab Tritanomaly 0.01% of the population

#ba42f6 hex color

#ba42f6 Color Information

#ba42f6 Color Conversion

Color Schemes with #ba42f6

Alternatives to #ba42f6

#ba42f6 Preview

Shades and Tints of #ba42f6

Tones of #ba42f6

Color Blindness Simulator