#ba3498 hex color

In a RGB color space, hex #ba3498 is composed of 72.9% red, 20.4% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72% magenta, 18.3% yellow and 27.1% black. It has a hue angle of 315.2 degrees, a saturation of 56.3% and a lightness of 46.7%. #ba3498 color hex could be obtained by blending #ff68ff with #750031. Closest websafe color is: #cc3399.

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

● #ba3498 color description : Moderate pink.

The hexadecimal color #ba3498 has RGB values of R:186, G:52, B:152 and CMYK values of C:0, M:0.72, Y:0.18, K:0.27. Its decimal value is 12203160.

Hex triplet	ba3498	`#ba3498`
RGB Decimal	186, 52, 152	`rgb(186,52,152)`
RGB Percent	72.9, 20.4, 59.6	`rgb(72.9%,20.4%,59.6%)`
CMYK	0, 72, 18, 27
HSL	315.2°, 56.3, 46.7	`hsl(315.2,56.3%,46.7%)`
HSV (or HSB)	315.2°, 72, 72.9
Web Safe	cc3399	`#cc3399`

CIE-LAB	45.858, 62.641, -25.204
XYZ	27.145, 15.164, 31.201
xyY	0.369, 0.206, 15.164
CIE-LCH	45.858, 67.522, 338.082
CIE-LUV	45.858, 67.952, -45.545
Hunter-Lab	38.941, 56.281, -20.247
Binary	10111010, 00110100, 10011000

#ba3498
```
#ba3498 rgb(186,52,152)
```
#34ba56
```
#34ba56 rgb(52,186,86)
```

Complementary Color

#9934ba
```
#9934ba rgb(153,52,186)
```
#ba3498
```
#ba3498 rgb(186,52,152)
```
#ba3455
```
#ba3455 rgb(186,52,85)
```

Analogous Color

#34ba99
```
#34ba99 rgb(52,186,153)
```
#ba3498
```
#ba3498 rgb(186,52,152)
```
#55ba34
```
#55ba34 rgb(85,186,52)
```

Split Complementary Color

#3498ba
```
#3498ba rgb(52,152,186)
```
#ba3498
```
#ba3498 rgb(186,52,152)
```
#98ba34
```
#98ba34 rgb(152,186,52)
```

Triadic Color

#5634ba
```
#5634ba rgb(86,52,186)
```
#ba3498
```
#ba3498 rgb(186,52,152)
```
#98ba34
```
#98ba34 rgb(152,186,52)
```
#34ba56
```
#34ba56 rgb(52,186,86)
```

Tetradic Color

#7e2367
```
#7e2367 rgb(126,35,103)
```
#922977
```
#922977 rgb(146,41,119)
```
#a62e88
```
#a62e88 rgb(166,46,136)
```
#ba3498
```
#ba3498 rgb(186,52,152)
```
#c93ea6
```
#c93ea6 rgb(201,62,166)
```
#cf52af
```
#cf52af rgb(207,82,175)
```
#d466b8
```
#d466b8 rgb(212,102,184)
```

Monochromatic Color

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

#ba34ba
```
#ba34ba rgb(186,52,186)
```
#ba34ae
```
#ba34ae rgb(186,52,174)
```
#ba34a3
```
#ba34a3 rgb(186,52,163)
```
#ba3498
```
#ba3498 rgb(186,52,152)
```
#ba348d
```
#ba348d rgb(186,52,141)
```
#ba3482
```
#ba3482 rgb(186,52,130)
```
#ba3477
```
#ba3477 rgb(186,52,119)
```

Similar Colors

Text with hexadecimal color #ba3498

This text has a font color of #ba3498.

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

#ba3498 background color

This paragraph has a background color of #ba3498.

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

#ba3498 border color

This element has a border color of #ba3498.

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

CSS codes

.text {color:#ba3498;}

.background {background-color:#ba3498;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#11050e
```
#11050e rgb(17,5,14)
```
#21091b
```
#21091b rgb(33,9,27)
```
#300d27
```
#300d27 rgb(48,13,39)
```
#3f1234
```
#3f1234 rgb(63,18,52)
```
#4f1640
```
#4f1640 rgb(79,22,64)
```
#5e1a4d
```
#5e1a4d rgb(94,26,77)
```
#6d1f59
```
#6d1f59 rgb(109,31,89)
```
#7d2366
```
#7d2366 rgb(125,35,102)
```
#8c2772
```
#8c2772 rgb(140,39,114)
```
#9b2b7f
```
#9b2b7f rgb(155,43,127)
```
#ab308b
```
#ab308b rgb(171,48,139)
```
#ba3498
```
#ba3498 rgb(186,52,152)
```

Shade Color Variation

#c83aa4
```
#c83aa4 rgb(200,58,164)
```
#cc49ab
```
#cc49ab rgb(204,73,171)
```
#d058b2
```
#d058b2 rgb(208,88,178)
```
#d568b9
```
#d568b9 rgb(213,104,185)
```
#d977c0
```
#d977c0 rgb(217,119,192)
```
#dd86c7
```
#dd86c7 rgb(221,134,199)
```
#e296ce
```
#e296ce rgb(226,150,206)
```
#e6a5d5
```
#e6a5d5 rgb(230,165,213)
```
#eab4dd
```
#eab4dd rgb(234,180,221)
```
#eec4e4
```
#eec4e4 rgb(238,196,228)
```
#f3d3eb
```
#f3d3eb rgb(243,211,235)
```
#f7e2f2
```
#f7e2f2 rgb(247,226,242)
```
#fbf2f9
```
#fbf2f9 rgb(251,242,249)
```

Tint Color Variation

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

#7a7478
```
#7a7478 rgb(122,116,120)
```
#836b7d
```
#836b7d rgb(131,107,125)
```
#8c6281
```
#8c6281 rgb(140,98,129)
```
#955986
```
#955986 rgb(149,89,134)
```
#9f4f8a
```
#9f4f8a rgb(159,79,138)
```
#a8468f
```
#a8468f rgb(168,70,143)
```
#b13d93
```
#b13d93 rgb(177,61,147)
```
#ba3498
```
#ba3498 rgb(186,52,152)
```
#c32b9d
```
#c32b9d rgb(195,43,157)
```
#cc22a1
```
#cc22a1 rgb(204,34,161)
```
#d519a6
```
#d519a6 rgb(213,25,166)
```
#df0faa
```
#df0faa rgb(223,15,170)
```
#e806af
```
#e806af rgb(232,6,175)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#785d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d71bf Protanopia 1% of men
#6e7291 Deuteranopia 1% of men
#b65459 Tritanopia 0.001% of the population

Trichromacy

#755bb1 Protanomaly 1% of men, 0.01% of women
#8a5b93 Deuteranomaly 6% of men, 0.4% of women
#b74870 Tritanomaly 0.01% of the population

#ba3498 hex color

#ba3498 Color Information

#ba3498 Color Conversion

Color Schemes with #ba3498

Alternatives to #ba3498

#ba3498 Preview

Shades and Tints of #ba3498

Tones of #ba3498

Color Blindness Simulator