#ba1566 hex color

In a RGB color space, hex #ba1566 is composed of 72.9% red, 8.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.7% magenta, 45.2% yellow and 27.1% black. It has a hue angle of 330.5 degrees, a saturation of 79.7% and a lightness of 40.6%. #ba1566 color hex could be obtained by blending #ff2acc with #750000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 73
- G 8
- B 40
RGB color chart
- C 0
- M 89
- Y 45
- K 27
CMYK color chart

● #ba1566 color description : Strong pink.

The hexadecimal color #ba1566 has RGB values of R:186, G:21, B:102 and CMYK values of C:0, M:0.89, Y:0.45, K:0.27. Its decimal value is 12195174.

Hex triplet	ba1566	`#ba1566`
RGB Decimal	186, 21, 102	`rgb(186,21,102)`
RGB Percent	72.9, 8.2, 40	`rgb(72.9%,8.2%,40%)`
CMYK	0, 89, 45, 27
HSL	330.5°, 79.7, 40.6	`hsl(330.5,79.7%,40.6%)`
HSV (or HSB)	330.5°, 88.7, 72.9
Web Safe	cc0066	`#cc0066`

CIE-LAB	41.116, 65.011, -1.662
XYZ	22.917, 11.937, 13.667
xyY	0.472, 0.246, 11.937
CIE-LCH	41.116, 65.032, 358.535
CIE-LUV	41.116, 95.906, -13.99
Hunter-Lab	34.55, 57.934, 0.732
Binary	10111010, 00010101, 01100110

#ba1566
```
#ba1566 rgb(186,21,102)
```
#15ba69
```
#15ba69 rgb(21,186,105)
```

Complementary Color

#ba15b9
```
#ba15b9 rgb(186,21,185)
```
#ba1566
```
#ba1566 rgb(186,21,102)
```
#ba1615
```
#ba1615 rgb(186,22,21)
```

Analogous Color

#15b9ba
```
#15b9ba rgb(21,185,186)
```
#ba1566
```
#ba1566 rgb(186,21,102)
```
#15ba16
```
#15ba16 rgb(21,186,22)
```

Split Complementary Color

#1566ba
```
#1566ba rgb(21,102,186)
```
#ba1566
```
#ba1566 rgb(186,21,102)
```
#66ba15
```
#66ba15 rgb(102,186,21)
```

Triadic Color

#6915ba
```
#6915ba rgb(105,21,186)
```
#ba1566
```
#ba1566 rgb(186,21,102)
```
#66ba15
```
#66ba15 rgb(102,186,21)
```
#15ba69
```
#15ba69 rgb(21,186,105)
```

Tetradic Color

#750d40
```
#750d40 rgb(117,13,64)
```
#8c104d
```
#8c104d rgb(140,16,77)
```
#a31259
```
#a31259 rgb(163,18,89)
```
#ba1566
```
#ba1566 rgb(186,21,102)
```
#d11873
```
#d11873 rgb(209,24,115)
```
#e51d7f
```
#e51d7f rgb(229,29,127)
```
#e8338c
```
#e8338c rgb(232,51,140)
```

Monochromatic Color

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

#ba158f
```
#ba158f rgb(186,21,143)
```
#ba1582
```
#ba1582 rgb(186,21,130)
```
#ba1574
```
#ba1574 rgb(186,21,116)
```
#ba1566
```
#ba1566 rgb(186,21,102)
```
#ba1558
```
#ba1558 rgb(186,21,88)
```
#ba154b
```
#ba154b rgb(186,21,75)
```
#ba153d
```
#ba153d rgb(186,21,61)
```

Similar Colors

Text with hexadecimal color #ba1566

This text has a font color of #ba1566.

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

#ba1566 background color

This paragraph has a background color of #ba1566.

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

#ba1566 border color

This element has a border color of #ba1566.

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

CSS codes

.text {color:#ba1566;}

.background {background-color:#ba1566;}

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

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

#0a0105
```
#0a0105 rgb(10,1,5)
```
#1b030f
```
#1b030f rgb(27,3,15)
```
#2d0519
```
#2d0519 rgb(45,5,25)
```
#3f0722
```
#3f0722 rgb(63,7,34)
```
#50092c
```
#50092c rgb(80,9,44)
```
#620b36
```
#620b36 rgb(98,11,54)
```
#730d3f
```
#730d3f rgb(115,13,63)
```
#850f49
```
#850f49 rgb(133,15,73)
```
#971153
```
#971153 rgb(151,17,83)
```
#a8135c
```
#a8135c rgb(168,19,92)
```
#ba1566
```
#ba1566 rgb(186,21,102)
```
#cc1770
```
#cc1770 rgb(204,23,112)
```
#dd1979
```
#dd1979 rgb(221,25,121)
```

Shade Color Variation

#e62483
```
#e62483 rgb(230,36,131)
```
#e8358d
```
#e8358d rgb(232,53,141)
```
#ea4797
```
#ea4797 rgb(234,71,151)
```
#ec58a1
```
#ec58a1 rgb(236,88,161)
```
#ee6aab
```
#ee6aab rgb(238,106,171)
```
#f07cb5
```
#f07cb5 rgb(240,124,181)
```
#f28dbf
```
#f28dbf rgb(242,141,191)
```
#f49fc9
```
#f49fc9 rgb(244,159,201)
```
#f6b1d3
```
#f6b1d3 rgb(246,177,211)
```
#f8c2dd
```
#f8c2dd rgb(248,194,221)
```
#fad4e7
```
#fad4e7 rgb(250,212,231)
```
#fce5f1
```
#fce5f1 rgb(252,229,241)
```
#fef7fb
```
#fef7fb rgb(254,247,251)
```

Tint Color Variation

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

#6a6567
```
#6a6567 rgb(106,101,103)
```
#725d67
```
#725d67 rgb(114,93,103)
```
#7a5567
```
#7a5567 rgb(122,85,103)
```
#824d67
```
#824d67 rgb(130,77,103)
```
#8a4567
```
#8a4567 rgb(138,69,103)
```
#923d67
```
#923d67 rgb(146,61,103)
```
#9a3567
```
#9a3567 rgb(154,53,103)
```
#a22d66
```
#a22d66 rgb(162,45,102)
```
#aa2566
```
#aa2566 rgb(170,37,102)
```
#b21d66
```
#b21d66 rgb(178,29,102)
```
#ba1566
```
#ba1566 rgb(186,21,102)
```
#c20d66
```
#c20d66 rgb(194,13,102)
```
#ca0566
```
#ca0566 rgb(202,5,102)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#654454 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b678f Protanopia 1% of men
#756562 Deuteranopia 1% of men
#ba3537 Tritanopia 0.001% of the population

Trichromacy

#7e4980 Protanomaly 1% of men, 0.01% of women
#8e4864 Deuteranomaly 6% of men, 0.4% of women
#ba2948 Tritanomaly 0.01% of the population

#ba1566 hex color

#ba1566 Color Information

#ba1566 Color Conversion

Color Schemes with #ba1566

Alternatives to #ba1566

#ba1566 Preview

Shades and Tints of #ba1566

Tones of #ba1566

Color Blindness Simulator