#ba1baa hex color

In a RGB color space, hex #ba1baa is composed of 72.9% red, 10.6% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.5% magenta, 8.6% yellow and 27.1% black. It has a hue angle of 306 degrees, a saturation of 74.6% and a lightness of 41.8%. #ba1baa color hex could be obtained by blending #ff36ff with #750055. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 73
- G 11
- B 67
RGB color chart
- C 0
- M 85
- Y 9
- K 27
CMYK color chart

● #ba1baa color description : Strong magenta.

The hexadecimal color #ba1baa has RGB values of R:186, G:27, B:170 and CMYK values of C:0, M:0.85, Y:0.09, K:0.27. Its decimal value is 12196778.

Hex triplet	ba1baa	`#ba1baa`
RGB Decimal	186, 27, 170	`rgb(186,27,170)`
RGB Percent	72.9, 10.6, 66.7	`rgb(72.9%,10.6%,66.7%)`
CMYK	0, 85, 9, 27
HSL	306°, 74.6, 41.8	`hsl(306,74.6%,41.8%)`
HSV (or HSB)	306°, 85.5, 72.9
Web Safe	cc3399	`#cc3399`

CIE-LAB	44.415, 71.875, -38.218
XYZ	27.897, 14.127, 39.286
xyY	0.343, 0.174, 14.127
CIE-LCH	44.415, 81.404, 331.999
CIE-LUV	44.415, 65.91, -65.157
Hunter-Lab	37.586, 66.708, -35.66
Binary	10111010, 00011011, 10101010

#ba1baa
```
#ba1baa rgb(186,27,170)
```
#1bba2b
```
#1bba2b rgb(27,186,43)
```

Complementary Color

#7b1bba
```
#7b1bba rgb(123,27,186)
```
#ba1baa
```
#ba1baa rgb(186,27,170)
```
#ba1b5b
```
#ba1b5b rgb(186,27,91)
```

Analogous Color

#1bba7b
```
#1bba7b rgb(27,186,123)
```
#ba1baa
```
#ba1baa rgb(186,27,170)
```
#5bba1b
```
#5bba1b rgb(91,186,27)
```

Split Complementary Color

#1baaba
```
#1baaba rgb(27,170,186)
```
#ba1baa
```
#ba1baa rgb(186,27,170)
```
#aaba1b
```
#aaba1b rgb(170,186,27)
```

Triadic Color

#2b1bba
```
#2b1bba rgb(43,27,186)
```
#ba1baa
```
#ba1baa rgb(186,27,170)
```
#aaba1b
```
#aaba1b rgb(170,186,27)
```
#1bba2b
```
#1bba2b rgb(27,186,43)
```

Tetradic Color

#77116d
```
#77116d rgb(119,17,109)
```
#8d1581
```
#8d1581 rgb(141,21,129)
```
#a41896
```
#a41896 rgb(164,24,150)
```
#ba1baa
```
#ba1baa rgb(186,27,170)
```
#d01ebe
```
#d01ebe rgb(208,30,190)
```
#e028cd
```
#e028cd rgb(224,40,205)
```
#e33ed2
```
#e33ed2 rgb(227,62,210)
```

Monochromatic Color

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

#a21bba
```
#a21bba rgb(162,27,186)
```
#b01bba
```
#b01bba rgb(176,27,186)
```
#ba1bb7
```
#ba1bb7 rgb(186,27,183)
```
#ba1baa
```
#ba1baa rgb(186,27,170)
```
#ba1b9d
```
#ba1b9d rgb(186,27,157)
```
#ba1b90
```
#ba1b90 rgb(186,27,144)
```
#ba1b82
```
#ba1b82 rgb(186,27,130)
```

Similar Colors

Text with hexadecimal color #ba1baa

This text has a font color of #ba1baa.

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

#ba1baa background color

This paragraph has a background color of #ba1baa.

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

#ba1baa border color

This element has a border color of #ba1baa.

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

CSS codes

.text {color:#ba1baa;}

.background {background-color:#ba1baa;}

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

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

#0f020d
```
#0f020d rgb(15,2,13)
```
#20051d
```
#20051d rgb(32,5,29)
```
#31072d
```
#31072d rgb(49,7,45)
```
#420a3c
```
#420a3c rgb(66,10,60)
```
#530c4c
```
#530c4c rgb(83,12,76)
```
#640f5c
```
#640f5c rgb(100,15,92)
```
#75116b
```
#75116b rgb(117,17,107)
```
#87147b
```
#87147b rgb(135,20,123)
```
#98168b
```
#98168b rgb(152,22,139)
```
#a9199a
```
#a9199a rgb(169,25,154)
```
#ba1baa
```
#ba1baa rgb(186,27,170)
```
#cb1dba
```
#cb1dba rgb(203,29,186)
```
#dc20c9
```
#dc20c9 rgb(220,32,201)
```

Shade Color Variation

#e12fcf
```
#e12fcf rgb(225,47,207)
```
#e340d3
```
#e340d3 rgb(227,64,211)
```
#e651d7
```
#e651d7 rgb(230,81,215)
```
#e862db
```
#e862db rgb(232,98,219)
```
#eb74df
```
#eb74df rgb(235,116,223)
```
#ed85e3
```
#ed85e3 rgb(237,133,227)
```
#f096e7
```
#f096e7 rgb(240,150,231)
```
#f2a7eb
```
#f2a7eb rgb(242,167,235)
```
#f5b8ef
```
#f5b8ef rgb(245,184,239)
```
#f7c9f3
```
#f7c9f3 rgb(247,201,243)
```
#fadaf7
```
#fadaf7 rgb(250,218,247)
```
#fcebfa
```
#fcebfa rgb(252,235,250)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#70656f
```
#70656f rgb(112,101,111)
```
#785d76
```
#785d76 rgb(120,93,118)
```
#81547c
```
#81547c rgb(129,84,124)
```
#894c83
```
#894c83 rgb(137,76,131)
```
#914489
```
#914489 rgb(145,68,137)
```
#993c90
```
#993c90 rgb(153,60,144)
```
#a13496
```
#a13496 rgb(161,52,150)
```
#aa2b9d
```
#aa2b9d rgb(170,43,157)
```
#b223a3
```
#b223a3 rgb(178,35,163)
```
#ba1baa
```
#ba1baa rgb(186,27,170)
```
#c213b1
```
#c213b1 rgb(194,19,177)
```
#ca0bb7
```
#ca0bb7 rgb(202,11,183)
```
#d302be
```
#d302be rgb(211,2,190)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6e4e6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#5c709f Deuteranopia 1% of men
#b34f54 Tritanopia 0.001% of the population

Trichromacy

#434fc6 Protanomaly 1% of men, 0.01% of women
#7e51a3 Deuteranomaly 6% of men, 0.4% of women
#b63c73 Tritanomaly 0.01% of the population

#ba1baa hex color

#ba1baa Color Information

#ba1baa Color Conversion

Color Schemes with #ba1baa

Alternatives to #ba1baa

#ba1baa Preview

Shades and Tints of #ba1baa

Tones of #ba1baa

Color Blindness Simulator