#ba1296 hex color

In a RGB color space, hex #ba1296 is composed of 72.9% red, 7.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.3% magenta, 19.4% yellow and 27.1% black. It has a hue angle of 312.9 degrees, a saturation of 82.4% and a lightness of 40%. #ba1296 color hex could be obtained by blending #ff24ff with #75002d. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 73
- G 7
- B 59
RGB color chart
- C 0
- M 90
- Y 19
- K 27
CMYK color chart

● #ba1296 color description : Strong magenta.

The hexadecimal color #ba1296 has RGB values of R:186, G:18, B:150 and CMYK values of C:0, M:0.9, Y:0.19, K:0.27. Its decimal value is 12194454.

Hex triplet	ba1296	`#ba1296`
RGB Decimal	186, 18, 150	`rgb(186,18,150)`
RGB Percent	72.9, 7.1, 58.8	`rgb(72.9%,7.1%,58.8%)`
CMYK	0, 90, 19, 27
HSL	312.9°, 82.4, 40	`hsl(312.9,82.4%,40%)`
HSV (or HSB)	312.9°, 90.3, 72.9
Web Safe	cc0099	`#cc0099`

CIE-LAB	42.878, 70.672, -28.641
XYZ	25.971, 13.076, 30.009
xyY	0.376, 0.189, 13.076
CIE-LCH	42.878, 76.255, 337.939
CIE-LUV	42.878, 75.237, -50.897
Hunter-Lab	36.161, 64.92, -23.89
Binary	10111010, 00010010, 10010110

#ba1296
```
#ba1296 rgb(186,18,150)
```
#12ba36
```
#12ba36 rgb(18,186,54)
```

Complementary Color

#8a12ba
```
#8a12ba rgb(138,18,186)
```
#ba1296
```
#ba1296 rgb(186,18,150)
```
#ba1242
```
#ba1242 rgb(186,18,66)
```

Analogous Color

#12ba8a
```
#12ba8a rgb(18,186,138)
```
#ba1296
```
#ba1296 rgb(186,18,150)
```
#42ba12
```
#42ba12 rgb(66,186,18)
```

Split Complementary Color

#1296ba
```
#1296ba rgb(18,150,186)
```
#ba1296
```
#ba1296 rgb(186,18,150)
```
#96ba12
```
#96ba12 rgb(150,186,18)
```

Triadic Color

#3612ba
```
#3612ba rgb(54,18,186)
```
#ba1296
```
#ba1296 rgb(186,18,150)
```
#96ba12
```
#96ba12 rgb(150,186,18)
```
#12ba36
```
#12ba36 rgb(18,186,54)
```

Tetradic Color

#740b5e
```
#740b5e rgb(116,11,94)
```
#8c0e71
```
#8c0e71 rgb(140,14,113)
```
#a31083
```
#a31083 rgb(163,16,131)
```
#ba1296
```
#ba1296 rgb(186,18,150)
```
#d114a9
```
#d114a9 rgb(209,20,169)
```
#e917bc
```
#e917bc rgb(233,23,188)
```
#eb2ec2
```
#eb2ec2 rgb(235,46,194)
```

Monochromatic Color

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

#b412ba
```
#b412ba rgb(180,18,186)
```
#ba12b2
```
#ba12b2 rgb(186,18,178)
```
#ba12a4
```
#ba12a4 rgb(186,18,164)
```
#ba1296
```
#ba1296 rgb(186,18,150)
```
#ba1288
```
#ba1288 rgb(186,18,136)
```
#ba127a
```
#ba127a rgb(186,18,122)
```
#ba126c
```
#ba126c rgb(186,18,108)
```

Similar Colors

Text with hexadecimal color #ba1296

This text has a font color of #ba1296.

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

#ba1296 background color

This paragraph has a background color of #ba1296.

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

#ba1296 border color

This element has a border color of #ba1296.

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

CSS codes

.text {color:#ba1296;}

.background {background-color:#ba1296;}

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

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

#070106
```
#070106 rgb(7,1,6)
```
#190214
```
#190214 rgb(25,2,20)
```
#2b0423
```
#2b0423 rgb(43,4,35)
```
#3d0631
```
#3d0631 rgb(61,6,49)
```
#4f083f
```
#4f083f rgb(79,8,63)
```
#61094e
```
#61094e rgb(97,9,78)
```
#720b5c
```
#720b5c rgb(114,11,92)
```
#840d6b
```
#840d6b rgb(132,13,107)
```
#960f79
```
#960f79 rgb(150,15,121)
```
#a81088
```
#a81088 rgb(168,16,136)
```
#ba1296
```
#ba1296 rgb(186,18,150)
```
#cc14a4
```
#cc14a4 rgb(204,20,164)
```
#de15b3
```
#de15b3 rgb(222,21,179)
```

Shade Color Variation

#e91ebe
```
#e91ebe rgb(233,30,190)
```
#eb30c3
```
#eb30c3 rgb(235,48,195)
```
#ed41c8
```
#ed41c8 rgb(237,65,200)
```
#ee53cd
```
#ee53cd rgb(238,83,205)
```
#f065d2
```
#f065d2 rgb(240,101,210)
```
#f277d8
```
#f277d8 rgb(242,119,216)
```
#f489dd
```
#f489dd rgb(244,137,221)
```
#f59be2
```
#f59be2 rgb(245,155,226)
```
#f7ade7
```
#f7ade7 rgb(247,173,231)
```
#f9bfec
```
#f9bfec rgb(249,191,236)
```
#fbd1f2
```
#fbd1f2 rgb(251,209,242)
```
#fce2f7
```
#fce2f7 rgb(252,226,247)
```
#fef4fc
```
#fef4fc rgb(254,244,252)
```

Tint Color Variation

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

#6c6069
```
#6c6069 rgb(108,96,105)
```
#73596e
```
#73596e rgb(115,89,110)
```
#7b5172
```
#7b5172 rgb(123,81,114)
```
#834977
```
#834977 rgb(131,73,119)
```
#8b417b
```
#8b417b rgb(139,65,123)
```
#933980
```
#933980 rgb(147,57,128)
```
#9b3184
```
#9b3184 rgb(155,49,132)
```
#a22a89
```
#a22a89 rgb(162,42,137)
```
#aa228d
```
#aa228d rgb(170,34,141)
```
#b21a92
```
#b21a92 rgb(178,26,146)
```
#ba1296
```
#ba1296 rgb(186,18,150)
```
#c20a9a
```
#c20a9a rgb(194,10,154)
```
#ca029f
```
#ca029f rgb(202,2,159)
```

Tone Color Variation

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

Dichromacy

#276aca Protanopia 1% of men
#646b8d Deuteranopia 1% of men
#b64649 Tritanopia 0.001% of the population

Trichromacy

#5c4ab7 Protanomaly 1% of men, 0.01% of women
#834b90 Deuteranomaly 6% of men, 0.4% of women
#b73365 Tritanomaly 0.01% of the population

#ba1296 hex color

#ba1296 Color Information

#ba1296 Color Conversion

Color Schemes with #ba1296

Alternatives to #ba1296

#ba1296 Preview

Shades and Tints of #ba1296

Tones of #ba1296

Color Blindness Simulator