#ba307a hex color

In a RGB color space, hex #ba307a is composed of 72.9% red, 18.8% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.2% magenta, 34.4% yellow and 27.1% black. It has a hue angle of 327.8 degrees, a saturation of 59% and a lightness of 45.9%. #ba307a color hex could be obtained by blending #ff60f4 with #750000. Closest websafe color is: #cc3366.

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

● #ba307a color description : Moderate pink.

The hexadecimal color #ba307a has RGB values of R:186, G:48, B:122 and CMYK values of C:0, M:0.74, Y:0.34, K:0.27. Its decimal value is 12202106.

Hex triplet	ba307a	`#ba307a`
RGB Decimal	186, 48, 122	`rgb(186,48,122)`
RGB Percent	72.9, 18.8, 47.8	`rgb(72.9%,18.8%,47.8%)`
CMYK	0, 74, 34, 27
HSL	327.8°, 59, 45.9	`hsl(327.8,59%,45.9%)`
HSV (or HSB)	327.8°, 74.2, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.176, 60.208, -9.555
XYZ	24.82, 13.96, 19.799
xyY	0.424, 0.238, 13.96
CIE-LCH	44.176, 60.961, 350.982
CIE-LUV	44.176, 80.561, -23.217
Hunter-Lab	37.364, 53.187, -5.263
Binary	10111010, 00110000, 01111010

#ba307a
```
#ba307a rgb(186,48,122)
```
#30ba70
```
#30ba70 rgb(48,186,112)
```

Complementary Color

#b530ba
```
#b530ba rgb(181,48,186)
```
#ba307a
```
#ba307a rgb(186,48,122)
```
#ba3035
```
#ba3035 rgb(186,48,53)
```

Analogous Color

#30bab5
```
#30bab5 rgb(48,186,181)
```
#ba307a
```
#ba307a rgb(186,48,122)
```
#35ba30
```
#35ba30 rgb(53,186,48)
```

Split Complementary Color

#307aba
```
#307aba rgb(48,122,186)
```
#ba307a
```
#ba307a rgb(186,48,122)
```
#7aba30
```
#7aba30 rgb(122,186,48)
```

Triadic Color

#7030ba
```
#7030ba rgb(112,48,186)
```
#ba307a
```
#ba307a rgb(186,48,122)
```
#7aba30
```
#7aba30 rgb(122,186,48)
```
#30ba70
```
#30ba70 rgb(48,186,112)
```

Tetradic Color

#7d2052
```
#7d2052 rgb(125,32,82)
```
#91265f
```
#91265f rgb(145,38,95)
```
#a62b6d
```
#a62b6d rgb(166,43,109)
```
#ba307a
```
#ba307a rgb(186,48,122)
```
#cc3887
```
#cc3887 rgb(204,56,135)
```
#d14c93
```
#d14c93 rgb(209,76,147)
```
#d660a0
```
#d660a0 rgb(214,96,160)
```

Monochromatic Color

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

#ba309d
```
#ba309d rgb(186,48,157)
```
#ba3091
```
#ba3091 rgb(186,48,145)
```
#ba3086
```
#ba3086 rgb(186,48,134)
```
#ba307a
```
#ba307a rgb(186,48,122)
```
#ba306f
```
#ba306f rgb(186,48,111)
```
#ba3063
```
#ba3063 rgb(186,48,99)
```
#ba3058
```
#ba3058 rgb(186,48,88)
```

Similar Colors

Text with hexadecimal color #ba307a

This text has a font color of #ba307a.

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

#ba307a background color

This paragraph has a background color of #ba307a.

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

#ba307a border color

This element has a border color of #ba307a.

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

CSS codes

.text {color:#ba307a;}

.background {background-color:#ba307a;}

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

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

#0e040a
```
#0e040a rgb(14,4,10)
```
#1e0814
```
#1e0814 rgb(30,8,20)
```
#2e0c1e
```
#2e0c1e rgb(46,12,30)
```
#3d1028
```
#3d1028 rgb(61,16,40)
```
#4d1432
```
#4d1432 rgb(77,20,50)
```
#5c183d
```
#5c183d rgb(92,24,61)
```
#6c1c47
```
#6c1c47 rgb(108,28,71)
```
#7c2051
```
#7c2051 rgb(124,32,81)
```
#8b245b
```
#8b245b rgb(139,36,91)
```
#9b2866
```
#9b2866 rgb(155,40,102)
```
#aa2c70
```
#aa2c70 rgb(170,44,112)
```
#ba307a
```
#ba307a rgb(186,48,122)
```
#ca3484
```
#ca3484 rgb(202,52,132)
```

Shade Color Variation

#ce438e
```
#ce438e rgb(206,67,142)
```
#d25297
```
#d25297 rgb(210,82,151)
```
#d662a0
```
#d662a0 rgb(214,98,160)
```
#db72aa
```
#db72aa rgb(219,114,170)
```
#df81b3
```
#df81b3 rgb(223,129,179)
```
#e391bd
```
#e391bd rgb(227,145,189)
```
#e7a0c6
```
#e7a0c6 rgb(231,160,198)
```
#ebb0cf
```
#ebb0cf rgb(235,176,207)
```
#efc0d9
```
#efc0d9 rgb(239,192,217)
```
#f3cfe2
```
#f3cfe2 rgb(243,207,226)
```
#f7dfec
```
#f7dfec rgb(247,223,236)
```
#fbeef5
```
#fbeef5 rgb(251,238,245)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#7b6f75
```
#7b6f75 rgb(123,111,117)
```
#846676
```
#846676 rgb(132,102,118)
```
#8d5d77
```
#8d5d77 rgb(141,93,119)
```
#965477
```
#965477 rgb(150,84,119)
```
#9f4b78
```
#9f4b78 rgb(159,75,120)
```
#a84279
```
#a84279 rgb(168,66,121)
```
#b13979
```
#b13979 rgb(177,57,121)
```
#ba307a
```
#ba307a rgb(186,48,122)
```
#c3277b
```
#c3277b rgb(195,39,123)
```
#cc1e7b
```
#cc1e7b rgb(204,30,123)
```
#d5157c
```
#d5157c rgb(213,21,124)
```
#de0c7d
```
#de0c7d rgb(222,12,125)
```
#e7037d
```
#e7037d rgb(231,3,125)
```

Tone Color Variation

Below, you can see how #ba307a 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
#745867 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6e9e Protanopia 1% of men
#776d76 Deuteranopia 1% of men
#b9494d Tritanopia 0.001% of the population

Trichromacy

#805791 Protanomaly 1% of men, 0.01% of women
#8f5677 Deuteranomaly 6% of men, 0.4% of women
#b9405d Tritanomaly 0.01% of the population

#ba307a hex color

#ba307a Color Information

#ba307a Color Conversion

Color Schemes with #ba307a

Alternatives to #ba307a

#ba307a Preview

Shades and Tints of #ba307a

Tones of #ba307a

Color Blindness Simulator