#ba25b2 hex color

In a RGB color space, hex #ba25b2 is composed of 72.9% red, 14.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.1% magenta, 4.3% yellow and 27.1% black. It has a hue angle of 303.2 degrees, a saturation of 66.8% and a lightness of 43.7%. #ba25b2 color hex could be obtained by blending #ff4aff with #750065. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 73
- G 15
- B 70
RGB color chart
- C 0
- M 80
- Y 4
- K 27
CMYK color chart

● #ba25b2 color description : Strong magenta.

The hexadecimal color #ba25b2 has RGB values of R:186, G:37, B:178 and CMYK values of C:0, M:0.8, Y:0.04, K:0.27. Its decimal value is 12199346.

Hex triplet	ba25b2	`#ba25b2`
RGB Decimal	186, 37, 178	`rgb(186,37,178)`
RGB Percent	72.9, 14.5, 69.8	`rgb(72.9%,14.5%,69.8%)`
CMYK	0, 80, 4, 27
HSL	303.2°, 66.8, 43.7	`hsl(303.2,66.8%,43.7%)`
HSV (or HSB)	303.2°, 80.1, 72.9
Web Safe	cc3399	`#cc3399`

CIE-LAB	45.605, 70.862, -41.067
XYZ	28.947, 14.979, 43.484
xyY	0.331, 0.171, 14.979
CIE-LCH	45.605, 81.902, 329.906
CIE-LUV	45.605, 61.437, -69.57
Hunter-Lab	38.702, 65.777, -39.523
Binary	10111010, 00100101, 10110010

#ba25b2
```
#ba25b2 rgb(186,37,178)
```
#25ba2d
```
#25ba2d rgb(37,186,45)
```

Complementary Color

#7825ba
```
#7825ba rgb(120,37,186)
```
#ba25b2
```
#ba25b2 rgb(186,37,178)
```
#ba2568
```
#ba2568 rgb(186,37,104)
```

Analogous Color

#25ba78
```
#25ba78 rgb(37,186,120)
```
#ba25b2
```
#ba25b2 rgb(186,37,178)
```
#68ba25
```
#68ba25 rgb(104,186,37)
```

Split Complementary Color

#25b2ba
```
#25b2ba rgb(37,178,186)
```
#ba25b2
```
#ba25b2 rgb(186,37,178)
```
#b2ba25
```
#b2ba25 rgb(178,186,37)
```

Triadic Color

#2d25ba
```
#2d25ba rgb(45,37,186)
```
#ba25b2
```
#ba25b2 rgb(186,37,178)
```
#b2ba25
```
#b2ba25 rgb(178,186,37)
```
#25ba2d
```
#25ba2d rgb(37,186,45)
```

Tetradic Color

#7a1875
```
#7a1875 rgb(122,24,117)
```
#8f1d89
```
#8f1d89 rgb(143,29,137)
```
#a5219e
```
#a5219e rgb(165,33,158)
```
#ba25b2
```
#ba25b2 rgb(186,37,178)
```
#cf29c6
```
#cf29c6 rgb(207,41,198)
```
#d83acf
```
#d83acf rgb(216,58,207)
```
#dc4fd5
```
#dc4fd5 rgb(220,79,213)
```

Monochromatic Color

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

#9d25ba
```
#9d25ba rgb(157,37,186)
```
#a925ba
```
#a925ba rgb(169,37,186)
```
#b625ba
```
#b625ba rgb(182,37,186)
```
#ba25b2
```
#ba25b2 rgb(186,37,178)
```
#ba25a6
```
#ba25a6 rgb(186,37,166)
```
#ba2599
```
#ba2599 rgb(186,37,153)
```
#ba258d
```
#ba258d rgb(186,37,141)
```

Similar Colors

Text with hexadecimal color #ba25b2

This text has a font color of #ba25b2.

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

#ba25b2 background color

This paragraph has a background color of #ba25b2.

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

#ba25b2 border color

This element has a border color of #ba25b2.

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

CSS codes

.text {color:#ba25b2;}

.background {background-color:#ba25b2;}

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

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

#060106
```
#060106 rgb(6,1,6)
```
#160415
```
#160415 rgb(22,4,21)
```
#270825
```
#270825 rgb(39,8,37)
```
#370b35
```
#370b35 rgb(55,11,53)
```
#470e44
```
#470e44 rgb(71,14,68)
```
#581154
```
#581154 rgb(88,17,84)
```
#681564
```
#681564 rgb(104,21,100)
```
#791873
```
#791873 rgb(121,24,115)
```
#891b83
```
#891b83 rgb(137,27,131)
```
#991e93
```
#991e93 rgb(153,30,147)
```
#aa22a2
```
#aa22a2 rgb(170,34,162)
```
#ba25b2
```
#ba25b2 rgb(186,37,178)
```
#ca28c2
```
#ca28c2 rgb(202,40,194)
```

Shade Color Variation

#d630cd
```
#d630cd rgb(214,48,205)
```
#d941d1
```
#d941d1 rgb(217,65,209)
```
#dc51d5
```
#dc51d5 rgb(220,81,213)
```
#e061d9
```
#e061d9 rgb(224,97,217)
```
#e372dd
```
#e372dd rgb(227,114,221)
```
#e682e1
```
#e682e1 rgb(230,130,225)
```
#e993e5
```
#e993e5 rgb(233,147,229)
```
#eda3e9
```
#eda3e9 rgb(237,163,233)
```
#f0b3ed
```
#f0b3ed rgb(240,179,237)
```
#f3c4f1
```
#f3c4f1 rgb(243,196,241)
```
#f6d4f5
```
#f6d4f5 rgb(246,212,245)
```
#fae4f9
```
#fae4f9 rgb(250,228,249)
```
#fdf5fd
```
#fdf5fd rgb(253,245,253)
```

Tint Color Variation

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

#756a75
```
#756a75 rgb(117,106,117)
```
#7e617c
```
#7e617c rgb(126,97,124)
```
#875884
```
#875884 rgb(135,88,132)
```
#8f508c
```
#8f508c rgb(143,80,140)
```
#984793
```
#984793 rgb(152,71,147)
```
#a03f9b
```
#a03f9b rgb(160,63,155)
```
#a936a3
```
#a936a3 rgb(169,54,163)
```
#b12eaa
```
#b12eaa rgb(177,46,170)
```
#ba25b2
```
#ba25b2 rgb(186,37,178)
```
#c31cba
```
#c31cba rgb(195,28,186)
```
#cb14c1
```
#cb14c1 rgb(203,20,193)
```
#d40bc9
```
#d40bc9 rgb(212,11,201)
```
#dc03d1
```
#dc03d1 rgb(220,3,209)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#745672 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#5a73a6 Deuteranopia 1% of men
#b2565b Tritanopia 0.001% of the population

Trichromacy

#4354cc Protanomaly 1% of men, 0.01% of women
#7d56aa Deuteranomaly 6% of men, 0.4% of women
#b5447a Tritanomaly 0.01% of the population

#ba25b2 hex color

#ba25b2 Color Information

#ba25b2 Color Conversion

Color Schemes with #ba25b2

Alternatives to #ba25b2

#ba25b2 Preview

Shades and Tints of #ba25b2

Tones of #ba25b2

Color Blindness Simulator