#ba46a8 hex color

In a RGB color space, hex #ba46a8 is composed of 72.9% red, 27.5% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.4% magenta, 9.7% yellow and 27.1% black. It has a hue angle of 309.3 degrees, a saturation of 45.7% and a lightness of 50.2%. #ba46a8 color hex could be obtained by blending #ff8cff with #750051. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 73
- G 27
- B 66
RGB color chart
- C 0
- M 62
- Y 10
- K 27
CMYK color chart

● #ba46a8 color description : Moderate magenta.

The hexadecimal color #ba46a8 has RGB values of R:186, G:70, B:168 and CMYK values of C:0, M:0.62, Y:0.1, K:0.27. Its decimal value is 12207784.

Hex triplet	ba46a8	`#ba46a8`
RGB Decimal	186, 70, 168	`rgb(186,70,168)`
RGB Percent	72.9, 27.5, 65.9	`rgb(72.9%,27.5%,65.9%)`
CMYK	0, 62, 10, 27
HSL	309.3°, 45.7, 50.2	`hsl(309.3,45.7%,50.2%)`
HSV (or HSB)	309.3°, 62.4, 72.9
Web Safe	cc3399	`#cc3399`

CIE-LAB	49.067, 58.098, -29.725
XYZ	29.507, 17.649, 38.896
xyY	0.343, 0.205, 17.649
CIE-LCH	49.067, 65.26, 332.904
CIE-LUV	49.067, 57.02, -52.178
Hunter-Lab	42.01, 51.858, -25.488
Binary	10111010, 01000110, 10101000

#ba46a8
```
#ba46a8 rgb(186,70,168)
```
#46ba58
```
#46ba58 rgb(70,186,88)
```

Complementary Color

#9246ba
```
#9246ba rgb(146,70,186)
```
#ba46a8
```
#ba46a8 rgb(186,70,168)
```
#ba466e
```
#ba466e rgb(186,70,110)
```

Analogous Color

#46ba92
```
#46ba92 rgb(70,186,146)
```
#ba46a8
```
#ba46a8 rgb(186,70,168)
```
#6eba46
```
#6eba46 rgb(110,186,70)
```

Split Complementary Color

#46a8ba
```
#46a8ba rgb(70,168,186)
```
#ba46a8
```
#ba46a8 rgb(186,70,168)
```
#a8ba46
```
#a8ba46 rgb(168,186,70)
```

Triadic Color

#5846ba
```
#5846ba rgb(88,70,186)
```
#ba46a8
```
#ba46a8 rgb(186,70,168)
```
#a8ba46
```
#a8ba46 rgb(168,186,70)
```
#46ba58
```
#46ba58 rgb(70,186,88)
```

Tetradic Color

#833176
```
#833176 rgb(131,49,118)
```
#953887
```
#953887 rgb(149,56,135)
```
#a83f98
```
#a83f98 rgb(168,63,152)
```
#ba46a8
```
#ba46a8 rgb(186,70,168)
```
#c159b1
```
#c159b1 rgb(193,89,177)
```
#c86bb9
```
#c86bb9 rgb(200,107,185)
```
#cf7ec2
```
#cf7ec2 rgb(207,126,194)
```

Monochromatic Color

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

#af46ba
```
#af46ba rgb(175,70,186)
```
#b946ba
```
#b946ba rgb(185,70,186)
```
#ba46b2
```
#ba46b2 rgb(186,70,178)
```
#ba46a8
```
#ba46a8 rgb(186,70,168)
```
#ba469e
```
#ba469e rgb(186,70,158)
```
#ba4695
```
#ba4695 rgb(186,70,149)
```
#ba468b
```
#ba468b rgb(186,70,139)
```

Similar Colors

Text with hexadecimal color #ba46a8

This text has a font color of #ba46a8.

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

#ba46a8 background color

This paragraph has a background color of #ba46a8.

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

#ba46a8 border color

This element has a border color of #ba46a8.

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

CSS codes

.text {color:#ba46a8;}

.background {background-color:#ba46a8;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0f060e
```
#0f060e rgb(15,6,14)
```
#1d0b1a
```
#1d0b1a rgb(29,11,26)
```
#2c1027
```
#2c1027 rgb(44,16,39)
```
#3a1634
```
#3a1634 rgb(58,22,52)
```
#481b41
```
#481b41 rgb(72,27,65)
```
#56204e
```
#56204e rgb(86,32,78)
```
#65265b
```
#65265b rgb(101,38,91)
```
#732b68
```
#732b68 rgb(115,43,104)
```
#813075
```
#813075 rgb(129,48,117)
```
#903682
```
#903682 rgb(144,54,130)
```
#9e3b8f
```
#9e3b8f rgb(158,59,143)
```
#ac409b
```
#ac409b rgb(172,64,155)
```

Shade Color Variation

#ba46a8
```
#ba46a8 rgb(186,70,168)
```
#bf54af
```
#bf54af rgb(191,84,175)
```
#c563b5
```
#c563b5 rgb(197,99,181)
```
#ca71bc
```
#ca71bc rgb(202,113,188)
```
#cf7fc3
```
#cf7fc3 rgb(207,127,195)
```
#d58dca
```
#d58dca rgb(213,141,202)
```
#da9cd0
```
#da9cd0 rgb(218,156,208)
```
#dfaad7
```
#dfaad7 rgb(223,170,215)
```
#e5b8de
```
#e5b8de rgb(229,184,222)
```
#eac7e4
```
#eac7e4 rgb(234,199,228)
```
#efd5eb
```
#efd5eb rgb(239,213,235)
```
#f5e3f2
```
#f5e3f2 rgb(245,227,242)
```
#faf1f9
```
#faf1f9 rgb(250,241,249)
```

Tint Color Variation

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

#897786
```
#897786 rgb(137,119,134)
```
#936d8d
```
#936d8d rgb(147,109,141)
```
#9d6394
```
#9d6394 rgb(157,99,148)
```
#a65a9b
```
#a65a9b rgb(166,90,155)
```
#b050a1
```
#b050a1 rgb(176,80,161)
```
#ba46a8
```
#ba46a8 rgb(186,70,168)
```
#c43caf
```
#c43caf rgb(196,60,175)
```
#ce32b5
```
#ce32b5 rgb(206,50,181)
```
#d729bc
```
#d729bc rgb(215,41,188)
```
#e11fc3
```
#e11fc3 rgb(225,31,195)
```
#eb15ca
```
#eb15ca rgb(235,21,202)
```
#f50bd0
```
#f50bd0 rgb(245,11,208)
```
#fe02d7
```
#fe02d7 rgb(254,2,215)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#826b7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5479ca Protanopia 1% of men
#717aa1 Deuteranopia 1% of men
#b56269 Tritanopia 0.001% of the population

Trichromacy

#7966bd Protanomaly 1% of men, 0.01% of women
#8b67a3 Deuteranomaly 6% of men, 0.4% of women
#b75880 Tritanomaly 0.01% of the population

#ba46a8 hex color

#ba46a8 Color Information

#ba46a8 Color Conversion

Color Schemes with #ba46a8

Alternatives to #ba46a8

#ba46a8 Preview

Shades and Tints of #ba46a8

Tones of #ba46a8

Color Blindness Simulator