#ba35b8 hex color

In a RGB color space, hex #ba35b8 is composed of 72.9% red, 20.8% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.5% magenta, 1.1% yellow and 27.1% black. It has a hue angle of 300.9 degrees, a saturation of 55.6% and a lightness of 46.9%. #ba35b8 color hex could be obtained by blending #ff6aff with #750071. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 21
- B 72
RGB color chart
- C 0
- M 72
- Y 1
- K 27
CMYK color chart

● #ba35b8 color description : Moderate magenta.

The hexadecimal color #ba35b8 has RGB values of R:186, G:53, B:184 and CMYK values of C:0, M:0.72, Y:0.01, K:0.27. Its decimal value is 12203448.

Hex triplet	ba35b8	`#ba35b8`
RGB Decimal	186, 53, 184	`rgb(186,53,184)`
RGB Percent	72.9, 20.8, 72.2	`rgb(72.9%,20.8%,72.2%)`
CMYK	0, 72, 1, 27
HSL	300.9°, 55.6, 46.9	`hsl(300.9,55.6%,46.9%)`
HSV (or HSB)	300.9°, 71.5, 72.9
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.557, 67.138, -41.495
XYZ	30.174, 16.448, 46.93
xyY	0.323, 0.176, 16.448
CIE-LCH	47.557, 78.926, 328.281
CIE-LUV	47.557, 56.337, -70.434
Hunter-Lab	40.556, 61.832, -40.22
Binary	10111010, 00110101, 10111000

#ba35b8
```
#ba35b8 rgb(186,53,184)
```
#35ba37
```
#35ba37 rgb(53,186,55)
```

Complementary Color

#7a35ba
```
#7a35ba rgb(122,53,186)
```
#ba35b8
```
#ba35b8 rgb(186,53,184)
```
#ba3576
```
#ba3576 rgb(186,53,118)
```

Analogous Color

#35ba7a
```
#35ba7a rgb(53,186,122)
```
#ba35b8
```
#ba35b8 rgb(186,53,184)
```
#76ba35
```
#76ba35 rgb(118,186,53)
```

Split Complementary Color

#35b8ba
```
#35b8ba rgb(53,184,186)
```
#ba35b8
```
#ba35b8 rgb(186,53,184)
```
#b8ba35
```
#b8ba35 rgb(184,186,53)
```

Triadic Color

#3735ba
```
#3735ba rgb(55,53,186)
```
#ba35b8
```
#ba35b8 rgb(186,53,184)
```
#b8ba35
```
#b8ba35 rgb(184,186,53)
```
#35ba37
```
#35ba37 rgb(53,186,55)
```

Tetradic Color

#7e247d
```
#7e247d rgb(126,36,125)
```
#922a91
```
#922a91 rgb(146,42,145)
```
#a62fa4
```
#a62fa4 rgb(166,47,164)
```
#ba35b8
```
#ba35b8 rgb(186,53,184)
```
#c940c7
```
#c940c7 rgb(201,64,199)
```
#ce54cc
```
#ce54cc rgb(206,84,204)
```
#d468d2
```
#d468d2 rgb(212,104,210)
```

Monochromatic Color

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

#9b35ba
```
#9b35ba rgb(155,53,186)
```
#a635ba
```
#a635ba rgb(166,53,186)
```
#b135ba
```
#b135ba rgb(177,53,186)
```
#ba35b8
```
#ba35b8 rgb(186,53,184)
```
#ba35ad
```
#ba35ad rgb(186,53,173)
```
#ba35a2
```
#ba35a2 rgb(186,53,162)
```
#ba3597
```
#ba3597 rgb(186,53,151)
```

Similar Colors

Text with hexadecimal color #ba35b8

This text has a font color of #ba35b8.

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

#ba35b8 background color

This paragraph has a background color of #ba35b8.

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

#ba35b8 border color

This element has a border color of #ba35b8.

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

CSS codes

.text {color:#ba35b8;}

.background {background-color:#ba35b8;}

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

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

#030103
```
#030103 rgb(3,1,3)
```
#120512
```
#120512 rgb(18,5,18)
```
#210a21
```
#210a21 rgb(33,10,33)
```
#310e30
```
#310e30 rgb(49,14,48)
```
#40123f
```
#40123f rgb(64,18,63)
```
#4f174e
```
#4f174e rgb(79,23,78)
```
#5e1b5d
```
#5e1b5d rgb(94,27,93)
```
#6e1f6c
```
#6e1f6c rgb(110,31,108)
```
#7d247c
```
#7d247c rgb(125,36,124)
```
#8c288b
```
#8c288b rgb(140,40,139)
```
#9b2c9a
```
#9b2c9a rgb(155,44,154)
```
#ab31a9
```
#ab31a9 rgb(171,49,169)
```
#ba35b8
```
#ba35b8 rgb(186,53,184)
```

Shade Color Variation

#c73bc5
```
#c73bc5 rgb(199,59,197)
```
#cc4bca
```
#cc4bca rgb(204,75,202)
```
#d05ace
```
#d05ace rgb(208,90,206)
```
#d469d3
```
#d469d3 rgb(212,105,211)
```
#d978d7
```
#d978d7 rgb(217,120,215)
```
#dd88dc
```
#dd88dc rgb(221,136,220)
```
#e197e0
```
#e197e0 rgb(225,151,224)
```
#e6a6e5
```
#e6a6e5 rgb(230,166,229)
```
#eab5e9
```
#eab5e9 rgb(234,181,233)
```
#eec5ee
```
#eec5ee rgb(238,197,238)
```
#f3d4f2
```
#f3d4f2 rgb(243,212,242)
```
#f7e3f7
```
#f7e3f7 rgb(247,227,247)
```
#fbf3fb
```
#fbf3fb rgb(251,243,251)
```

Tint Color Variation

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

#7a757a
```
#7a757a rgb(122,117,122)
```
#836c83
```
#836c83 rgb(131,108,131)
```
#8c638b
```
#8c638b rgb(140,99,139)
```
#955a94
```
#955a94 rgb(149,90,148)
```
#9e519d
```
#9e519d rgb(158,81,157)
```
#a847a6
```
#a847a6 rgb(168,71,166)
```
#b13eaf
```
#b13eaf rgb(177,62,175)
```
#ba35b8
```
#ba35b8 rgb(186,53,184)
```
#c32cc1
```
#c32cc1 rgb(195,44,193)
```
#cc23ca
```
#cc23ca rgb(204,35,202)
```
#d619d3
```
#d619d3 rgb(214,25,211)
```
#df10dc
```
#df10dc rgb(223,16,220)
```
#e807e5
```
#e807e5 rgb(232,7,229)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7c617b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0c74e4 Protanopia 1% of men
#5e77ad Deuteranopia 1% of men
#b25e64 Tritanopia 0.001% of the population

Trichromacy

#4b5dd4 Protanomaly 1% of men, 0.01% of women
#7f5fb1 Deuteranomaly 6% of men, 0.4% of women
#b54f82 Tritanomaly 0.01% of the population

#ba35b8 hex color

#ba35b8 Color Information

#ba35b8 Color Conversion

Color Schemes with #ba35b8

Alternatives to #ba35b8

#ba35b8 Preview

Shades and Tints of #ba35b8

Tones of #ba35b8

Color Blindness Simulator