#ba309e hex color

In a RGB color space, hex #ba309e is composed of 72.9% red, 18.8% green and 62% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.2% magenta, 15.1% yellow and 27.1% black. It has a hue angle of 312.2 degrees, a saturation of 59% and a lightness of 45.9%. #ba309e color hex could be obtained by blending #ff60ff with #75003d. Closest websafe color is: #cc3399.

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

● #ba309e color description : Moderate magenta.

The hexadecimal color #ba309e has RGB values of R:186, G:48, B:158 and CMYK values of C:0, M:0.74, Y:0.15, K:0.27. Its decimal value is 12202142.

Hex triplet	ba309e	`#ba309e`
RGB Decimal	186, 48, 158	`rgb(186,48,158)`
RGB Percent	72.9, 18.8, 62	`rgb(72.9%,18.8%,62%)`
CMYK	0, 74, 15, 27
HSL	312.2°, 59, 45.9	`hsl(312.2,59%,45.9%)`
HSV (or HSB)	312.2°, 74.2, 72.9
Web Safe	cc3399	`#cc3399`

CIE-LAB	45.667, 64.808, -29.096
XYZ	27.478, 15.024, 33.799
xyY	0.36, 0.197, 15.024
CIE-LCH	45.667, 71.04, 335.822
CIE-LUV	45.667, 66.755, -51.426
Hunter-Lab	38.76, 58.711, -24.568
Binary	10111010, 00110000, 10011110

#ba309e
```
#ba309e rgb(186,48,158)
```
#30ba4c
```
#30ba4c rgb(48,186,76)
```

Complementary Color

#9130ba
```
#9130ba rgb(145,48,186)
```
#ba309e
```
#ba309e rgb(186,48,158)
```
#ba3059
```
#ba3059 rgb(186,48,89)
```

Analogous Color

#30ba91
```
#30ba91 rgb(48,186,145)
```
#ba309e
```
#ba309e rgb(186,48,158)
```
#59ba30
```
#59ba30 rgb(89,186,48)
```

Split Complementary Color

#309eba
```
#309eba rgb(48,158,186)
```
#ba309e
```
#ba309e rgb(186,48,158)
```
#9eba30
```
#9eba30 rgb(158,186,48)
```

Triadic Color

#4c30ba
```
#4c30ba rgb(76,48,186)
```
#ba309e
```
#ba309e rgb(186,48,158)
```
#9eba30
```
#9eba30 rgb(158,186,48)
```
#30ba4c
```
#30ba4c rgb(48,186,76)
```

Tetradic Color

#7d206a
```
#7d206a rgb(125,32,106)
```
#91267c
```
#91267c rgb(145,38,124)
```
#a62b8d
```
#a62b8d rgb(166,43,141)
```
#ba309e
```
#ba309e rgb(186,48,158)
```
#cc38ae
```
#cc38ae rgb(204,56,174)
```
#d14cb6
```
#d14cb6 rgb(209,76,182)
```
#d660be
```
#d660be rgb(214,96,190)
```

Monochromatic Color

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

#b430ba
```
#b430ba rgb(180,48,186)
```
#ba30b5
```
#ba30b5 rgb(186,48,181)
```
#ba30aa
```
#ba30aa rgb(186,48,170)
```
#ba309e
```
#ba309e rgb(186,48,158)
```
#ba3093
```
#ba3093 rgb(186,48,147)
```
#ba3087
```
#ba3087 rgb(186,48,135)
```
#ba307c
```
#ba307c rgb(186,48,124)
```

Similar Colors

Text with hexadecimal color #ba309e

This text has a font color of #ba309e.

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

#ba309e background color

This paragraph has a background color of #ba309e.

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

#ba309e border color

This element has a border color of #ba309e.

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

CSS codes

.text {color:#ba309e;}

.background {background-color:#ba309e;}

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

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

#0e040c
```
#0e040c rgb(14,4,12)
```
#1e081a
```
#1e081a rgb(30,8,26)
```
#2e0c27
```
#2e0c27 rgb(46,12,39)
```
#3d1034
```
#3d1034 rgb(61,16,52)
```
#4d1441
```
#4d1441 rgb(77,20,65)
```
#5c184f
```
#5c184f rgb(92,24,79)
```
#6c1c5c
```
#6c1c5c rgb(108,28,92)
```
#7c2069
```
#7c2069 rgb(124,32,105)
```
#8b2476
```
#8b2476 rgb(139,36,118)
```
#9b2884
```
#9b2884 rgb(155,40,132)
```
#aa2c91
```
#aa2c91 rgb(170,44,145)
```
#ba309e
```
#ba309e rgb(186,48,158)
```
#ca34ab
```
#ca34ab rgb(202,52,171)
```

Shade Color Variation

#ce43b2
```
#ce43b2 rgb(206,67,178)
```
#d252b8
```
#d252b8 rgb(210,82,184)
```
#d662bf
```
#d662bf rgb(214,98,191)
```
#db72c5
```
#db72c5 rgb(219,114,197)
```
#df81cc
```
#df81cc rgb(223,129,204)
```
#e391d2
```
#e391d2 rgb(227,145,210)
```
#e7a0d8
```
#e7a0d8 rgb(231,160,216)
```
#ebb0df
```
#ebb0df rgb(235,176,223)
```
#efc0e5
```
#efc0e5 rgb(239,192,229)
```
#f3cfeb
```
#f3cfeb rgb(243,207,235)
```
#f7dff2
```
#f7dff2 rgb(247,223,242)
```
#fbeef8
```
#fbeef8 rgb(251,238,248)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#7b6f79
```
#7b6f79 rgb(123,111,121)
```
#84667e
```
#84667e rgb(132,102,126)
```
#8d5d83
```
#8d5d83 rgb(141,93,131)
```
#965489
```
#965489 rgb(150,84,137)
```
#9f4b8e
```
#9f4b8e rgb(159,75,142)
```
#a84293
```
#a84293 rgb(168,66,147)
```
#b13999
```
#b13999 rgb(177,57,153)
```
#ba309e
```
#ba309e rgb(186,48,158)
```
#c327a3
```
#c327a3 rgb(195,39,163)
```
#cc1ea9
```
#cc1ea9 rgb(204,30,169)
```
#d515ae
```
#d515ae rgb(213,21,174)
```
#de0cb3
```
#de0cb3 rgb(222,12,179)
```
#e703b9
```
#e703b9 rgb(231,3,185)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#775b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4270c8 Protanopia 1% of men
#6a7296 Deuteranopia 1% of men
#b55459 Tritanopia 0.001% of the population

Trichromacy

#6d59b9 Protanomaly 1% of men, 0.01% of women
#875a99 Deuteranomaly 6% of men, 0.4% of women
#b74672 Tritanomaly 0.01% of the population

#ba309e hex color

#ba309e Color Information

#ba309e Color Conversion

Color Schemes with #ba309e

Alternatives to #ba309e

#ba309e Preview

Shades and Tints of #ba309e

Tones of #ba309e

Color Blindness Simulator