colorhexa.com

#ba1586 hex color

In a RGB color space, hex #ba1586 is composed of 72.9% red, 8.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.7% magenta, 28% yellow and 27.1% black. It has a hue angle of 318.9 degrees, a saturation of 79.7% and a lightness of 40.6%. #ba1586 color hex could be obtained by blending #ff2aff with #75000d. Closest websafe color is: #cc0099.

- R 73
- G 8
- B 53
RGB color chart
- C 0
- M 89
- Y 28
- K 27
CMYK color chart

● #ba1586 color description : Strong pink.

The hexadecimal color #ba1586 has RGB values of R:186, G:21, B:134 and CMYK values of C:0, M:0.89, Y:0.28, K:0.27. Its decimal value is 12195206.

Hex triplet	ba1586	`#ba1586`
RGB Decimal	186, 21, 134	`rgb(186,21,134)`
RGB Percent	72.9, 8.2, 52.5	`rgb(72.9%,8.2%,52.5%)`
CMYK	0, 89, 28, 27
HSL	318.9°, 79.7, 40.6	`hsl(318.9,79.7%,40.6%)`
HSV (or HSB)	318.9°, 88.7, 72.9
Web Safe	cc0099	`#cc0099`

CIE-LAB	42.306, 68.274, -19.774
XYZ	24.821, 12.699, 23.697
xyY	0.405, 0.207, 12.699
CIE-LCH	42.306, 71.08, 343.847
CIE-LUV	42.306, 81.853, -38.098
Hunter-Lab	35.636, 61.968, -14.482
Binary	10111010, 00010101, 10000110

#ba1586
```
#ba1586 rgb(186,21,134)
```
#15ba49
```
#15ba49 rgb(21,186,73)
```

Complementary Color

#9c15ba
```
#9c15ba rgb(156,21,186)
```
#ba1586
```
#ba1586 rgb(186,21,134)
```
#ba1534
```
#ba1534 rgb(186,21,52)
```

Analogous Color

#15ba9c
```
#15ba9c rgb(21,186,156)
```
#ba1586
```
#ba1586 rgb(186,21,134)
```
#34ba15
```
#34ba15 rgb(52,186,21)
```

Split Complementary Color

#1586ba
```
#1586ba rgb(21,134,186)
```
#ba1586
```
#ba1586 rgb(186,21,134)
```
#86ba15
```
#86ba15 rgb(134,186,21)
```

Triadic Color

#4915ba
```
#4915ba rgb(73,21,186)
```
#ba1586
```
#ba1586 rgb(186,21,134)
```
#86ba15
```
#86ba15 rgb(134,186,21)
```
#15ba49
```
#15ba49 rgb(21,186,73)
```

Tetradic Color

#750d54
```
#750d54 rgb(117,13,84)
```
#8c1065
```
#8c1065 rgb(140,16,101)
```
#a31275
```
#a31275 rgb(163,18,117)
```
#ba1586
```
#ba1586 rgb(186,21,134)
```
#d11897
```
#d11897 rgb(209,24,151)
```
#e51da6
```
#e51da6 rgb(229,29,166)
```
#e833af
```
#e833af rgb(232,51,175)
```

Monochromatic Color

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

#ba15af
```
#ba15af rgb(186,21,175)
```
#ba15a2
```
#ba15a2 rgb(186,21,162)
```
#ba1594
```
#ba1594 rgb(186,21,148)
```
#ba1586
```
#ba1586 rgb(186,21,134)
```
#ba1578
```
#ba1578 rgb(186,21,120)
```
#ba156b
```
#ba156b rgb(186,21,107)
```
#ba155d
```
#ba155d rgb(186,21,93)
```

Similar Colors

Text with hexadecimal color #ba1586

This text has a font color of #ba1586.

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

#ba1586 background color

This paragraph has a background color of #ba1586.

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

#ba1586 border color

This element has a border color of #ba1586.

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

CSS codes

.text {color:#ba1586;}

.background {background-color:#ba1586;}

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

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

#0a0107
```
#0a0107 rgb(10,1,7)
```
#1b0314
```
#1b0314 rgb(27,3,20)
```
#2d0520
```
#2d0520 rgb(45,5,32)
```
#3f072d
```
#3f072d rgb(63,7,45)
```
#50093a
```
#50093a rgb(80,9,58)
```
#620b47
```
#620b47 rgb(98,11,71)
```
#730d53
```
#730d53 rgb(115,13,83)
```
#850f60
```
#850f60 rgb(133,15,96)
```
#97116d
```
#97116d rgb(151,17,109)
```
#a81379
```
#a81379 rgb(168,19,121)
```
#ba1586
```
#ba1586 rgb(186,21,134)
```
#cc1793
```
#cc1793 rgb(204,23,147)
```
#dd199f
```
#dd199f rgb(221,25,159)
```

Shade Color Variation

#e624a9
```
#e624a9 rgb(230,36,169)
```
#e835b0
```
#e835b0 rgb(232,53,176)
```
#ea47b7
```
#ea47b7 rgb(234,71,183)
```
#ec58be
```
#ec58be rgb(236,88,190)
```
#ee6ac5
```
#ee6ac5 rgb(238,106,197)
```
#f07ccb
```
#f07ccb rgb(240,124,203)
```
#f28dd2
```
#f28dd2 rgb(242,141,210)
```
#f49fd9
```
#f49fd9 rgb(244,159,217)
```
#f6b1e0
```
#f6b1e0 rgb(246,177,224)
```
#f8c2e7
```
#f8c2e7 rgb(248,194,231)
```
#fad4ee
```
#fad4ee rgb(250,212,238)
```
#fce5f5
```
#fce5f5 rgb(252,229,245)
```
#fef7fc
```
#fef7fc rgb(254,247,252)
```

Tint Color Variation

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

#6a6569
```
#6a6569 rgb(106,101,105)
```
#725d6c
```
#725d6c rgb(114,93,108)
```
#7a556e
```
#7a556e rgb(122,85,110)
```
#824d71
```
#824d71 rgb(130,77,113)
```
#8a4574
```
#8a4574 rgb(138,69,116)
```
#923d77
```
#923d77 rgb(146,61,119)
```
#9a357a
```
#9a357a rgb(154,53,122)
```
#a22d7d
```
#a22d7d rgb(162,45,125)
```
#aa2580
```
#aa2580 rgb(170,37,128)
```
#b21d83
```
#b21d83 rgb(178,29,131)
```
#ba1586
```
#ba1586 rgb(186,21,134)
```
#c20d89
```
#c20d89 rgb(194,13,137)
```
#ca058c
```
#ca058c rgb(202,5,140)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#68475d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4369b6 Protanopia 1% of men
#6b697f Deuteranopia 1% of men
#b74044 Tritanopia 0.001% of the population

Trichromacy

#6e4aa4 Protanomaly 1% of men, 0.01% of women
#884a81 Deuteranomaly 6% of men, 0.4% of women
#b8305c Tritanomaly 0.01% of the population