#ba386f hex color

In a RGB color space, hex #ba386f is composed of 72.9% red, 22% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.9% magenta, 40.3% yellow and 27.1% black. It has a hue angle of 334.6 degrees, a saturation of 53.7% and a lightness of 47.5%. #ba386f color hex could be obtained by blending #ff70de with #750000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 22
- B 44
RGB color chart
- C 0
- M 70
- Y 40
- K 27
CMYK color chart

● #ba386f color description : Moderate pink.

The hexadecimal color #ba386f has RGB values of R:186, G:56, B:111 and CMYK values of C:0, M:0.7, Y:0.4, K:0.27. Its decimal value is 12204143.

Hex triplet	ba386f	`#ba386f`
RGB Decimal	186, 56, 111	`rgb(186,56,111)`
RGB Percent	72.9, 22, 43.5	`rgb(72.9%,22%,43.5%)`
CMYK	0, 70, 40, 27
HSL	334.6°, 53.7, 47.5	`hsl(334.6,53.7%,47.5%)`
HSV (or HSB)	334.6°, 69.9, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.826, 56.174, -1.818
XYZ	24.534, 14.418, 16.529
xyY	0.442, 0.26, 14.418
CIE-LCH	44.826, 56.204, 358.146
CIE-LUV	44.826, 81.646, -12.521
Hunter-Lab	37.97, 48.885, 0.77
Binary	10111010, 00111000, 01101111

#ba386f
```
#ba386f rgb(186,56,111)
```
#38ba83
```
#38ba83 rgb(56,186,131)
```

Complementary Color

#ba38b0
```
#ba38b0 rgb(186,56,176)
```
#ba386f
```
#ba386f rgb(186,56,111)
```
#ba4238
```
#ba4238 rgb(186,66,56)
```

Analogous Color

#38b0ba
```
#38b0ba rgb(56,176,186)
```
#ba386f
```
#ba386f rgb(186,56,111)
```
#38ba42
```
#38ba42 rgb(56,186,66)
```

Split Complementary Color

#386fba
```
#386fba rgb(56,111,186)
```
#ba386f
```
#ba386f rgb(186,56,111)
```
#6fba38
```
#6fba38 rgb(111,186,56)
```

Triadic Color

#8338ba
```
#8338ba rgb(131,56,186)
```
#ba386f
```
#ba386f rgb(186,56,111)
```
#6fba38
```
#6fba38 rgb(111,186,56)
```
#38ba83
```
#38ba83 rgb(56,186,131)
```

Tetradic Color

#7f264c
```
#7f264c rgb(127,38,76)
```
#932c58
```
#932c58 rgb(147,44,88)
```
#a63263
```
#a63263 rgb(166,50,99)
```
#ba386f
```
#ba386f rgb(186,56,111)
```
#c7457c
```
#c7457c rgb(199,69,124)
```
#cd588a
```
#cd588a rgb(205,88,138)
```
#d36c97
```
#d36c97 rgb(211,108,151)
```

Monochromatic Color

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

#ba3890
```
#ba3890 rgb(186,56,144)
```
#ba3885
```
#ba3885 rgb(186,56,133)
```
#ba387a
```
#ba387a rgb(186,56,122)
```
#ba386f
```
#ba386f rgb(186,56,111)
```
#ba3864
```
#ba3864 rgb(186,56,100)
```
#ba3859
```
#ba3859 rgb(186,56,89)
```
#ba384e
```
#ba384e rgb(186,56,78)
```

Similar Colors

Text with hexadecimal color #ba386f

This text has a font color of #ba386f.

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

#ba386f background color

This paragraph has a background color of #ba386f.

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

#ba386f border color

This element has a border color of #ba386f.

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

CSS codes

.text {color:#ba386f;}

.background {background-color:#ba386f;}

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

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

#050203
```
#050203 rgb(5,2,3)
```
#14060c
```
#14060c rgb(20,6,12)
```
#230b15
```
#230b15 rgb(35,11,21)
```
#320f1e
```
#320f1e rgb(50,15,30)
```
#411427
```
#411427 rgb(65,20,39)
```
#501830
```
#501830 rgb(80,24,48)
```
#601d39
```
#601d39 rgb(96,29,57)
```
#6f2142
```
#6f2142 rgb(111,33,66)
```
#7e264b
```
#7e264b rgb(126,38,75)
```
#8d2a54
```
#8d2a54 rgb(141,42,84)
```
#9c2f5d
```
#9c2f5d rgb(156,47,93)
```
#ab3366
```
#ab3366 rgb(171,51,102)
```
#ba386f
```
#ba386f rgb(186,56,111)
```

Shade Color Variation

#c64079
```
#c64079 rgb(198,64,121)
```
#ca4f83
```
#ca4f83 rgb(202,79,131)
```
#cf5e8e
```
#cf5e8e rgb(207,94,142)
```
#d36d98
```
#d36d98 rgb(211,109,152)
```
#d87ca3
```
#d87ca3 rgb(216,124,163)
```
#dc8bae
```
#dc8bae rgb(220,139,174)
```
#e19bb8
```
#e19bb8 rgb(225,155,184)
```
#e5aac3
```
#e5aac3 rgb(229,170,195)
```
#eab9cd
```
#eab9cd rgb(234,185,205)
```
#eec8d8
```
#eec8d8 rgb(238,200,216)
```
#f3d7e3
```
#f3d7e3 rgb(243,215,227)
```
#f7e6ed
```
#f7e6ed rgb(247,230,237)
```
#fcf5f8
```
#fcf5f8 rgb(252,245,248)
```

Tint Color Variation

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

#827078
```
#827078 rgb(130,112,120)
```
#8b6776
```
#8b6776 rgb(139,103,118)
```
#955d75
```
#955d75 rgb(149,93,117)
```
#9e5473
```
#9e5473 rgb(158,84,115)
```
#a74b72
```
#a74b72 rgb(167,75,114)
```
#b14170
```
#b14170 rgb(177,65,112)
```
#ba386f
```
#ba386f rgb(186,56,111)
```
#c32f6e
```
#c32f6e rgb(195,47,110)
```
#cd256c
```
#cd256c rgb(205,37,108)
```
#d61c6b
```
#d61c6b rgb(214,28,107)
```
#df1369
```
#df1369 rgb(223,19,105)
```
#e90968
```
#e90968 rgb(233,9,104)
```
#f20066
```
#f20066 rgb(242,0,102)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#765c67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#69708f Protanopia 1% of men
#7e6e6d Deuteranopia 1% of men
#ba4b50 Tritanopia 0.001% of the population

Trichromacy

#865c83 Protanomaly 1% of men, 0.01% of women
#935a6d Deuteranomaly 6% of men, 0.4% of women
#ba445b Tritanomaly 0.01% of the population

#ba386f hex color

#ba386f Color Information

#ba386f Color Conversion

Color Schemes with #ba386f

Alternatives to #ba386f

#ba386f Preview

Shades and Tints of #ba386f

Tones of #ba386f

Color Blindness Simulator