#ba2357 hex color

In a RGB color space, hex #ba2357 is composed of 72.9% red, 13.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.2% magenta, 53.2% yellow and 27.1% black. It has a hue angle of 339.3 degrees, a saturation of 68.3% and a lightness of 43.3%. #ba2357 color hex could be obtained by blending #ff46ae with #750000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 14
- B 34
RGB color chart
- C 0
- M 81
- Y 53
- K 27
CMYK color chart

● #ba2357 color description : Strong pink.

The hexadecimal color #ba2357 has RGB values of R:186, G:35, B:87 and CMYK values of C:0, M:0.81, Y:0.53, K:0.27. Its decimal value is 12198743.

Hex triplet	ba2357	`#ba2357`
RGB Decimal	186, 35, 87	`rgb(186,35,87)`
RGB Percent	72.9, 13.7, 34.1	`rgb(72.9%,13.7%,34.1%)`
CMYK	0, 81, 53, 27
HSL	339.3°, 68.3, 43.3	`hsl(339.3,68.3%,43.3%)`
HSV (or HSB)	339.3°, 81.2, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	41.739, 60.758, 8.693
XYZ	22.572, 12.332, 10.208
xyY	0.5, 0.273, 12.332
CIE-LCH	41.739, 61.377, 8.142
CIE-LUV	41.739, 98.343, -1.273
Hunter-Lab	35.117, 53.28, 7.347
Binary	10111010, 00100011, 01010111

#ba2357
```
#ba2357 rgb(186,35,87)
```
#23ba86
```
#23ba86 rgb(35,186,134)
```

Complementary Color

#ba23a3
```
#ba23a3 rgb(186,35,163)
```
#ba2357
```
#ba2357 rgb(186,35,87)
```
#ba3b23
```
#ba3b23 rgb(186,59,35)
```

Analogous Color

#23a3ba
```
#23a3ba rgb(35,163,186)
```
#ba2357
```
#ba2357 rgb(186,35,87)
```
#23ba3b
```
#23ba3b rgb(35,186,59)
```

Split Complementary Color

#2357ba
```
#2357ba rgb(35,87,186)
```
#ba2357
```
#ba2357 rgb(186,35,87)
```
#57ba23
```
#57ba23 rgb(87,186,35)
```

Triadic Color

#8623ba
```
#8623ba rgb(134,35,186)
```
#ba2357
```
#ba2357 rgb(186,35,87)
```
#57ba23
```
#57ba23 rgb(87,186,35)
```
#23ba86
```
#23ba86 rgb(35,186,134)
```

Tetradic Color

#7a1739
```
#7a1739 rgb(122,23,57)
```
#8f1b43
```
#8f1b43 rgb(143,27,67)
```
#a51f4d
```
#a51f4d rgb(165,31,77)
```
#ba2357
```
#ba2357 rgb(186,35,87)
```
#cf2761
```
#cf2761 rgb(207,39,97)
```
#d9376f
```
#d9376f rgb(217,55,111)
```
#dd4c7e
```
#dd4c7e rgb(221,76,126)
```

Monochromatic Color

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

#ba237d
```
#ba237d rgb(186,35,125)
```
#ba2370
```
#ba2370 rgb(186,35,112)
```
#ba2364
```
#ba2364 rgb(186,35,100)
```
#ba2357
```
#ba2357 rgb(186,35,87)
```
#ba234a
```
#ba234a rgb(186,35,74)
```
#ba233e
```
#ba233e rgb(186,35,62)
```
#ba2331
```
#ba2331 rgb(186,35,49)
```

Similar Colors

Text with hexadecimal color #ba2357

This text has a font color of #ba2357.

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

#ba2357 background color

This paragraph has a background color of #ba2357.

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

#ba2357 border color

This element has a border color of #ba2357.

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

CSS codes

.text {color:#ba2357;}

.background {background-color:#ba2357;}

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

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

#040102
```
#040102 rgb(4,1,2)
```
#15040a
```
#15040a rgb(21,4,10)
```
#250712
```
#250712 rgb(37,7,18)
```
#360a19
```
#360a19 rgb(54,10,25)
```
#460d21
```
#460d21 rgb(70,13,33)
```
#571029
```
#571029 rgb(87,16,41)
```
#671330
```
#671330 rgb(103,19,48)
```
#781738
```
#781738 rgb(120,23,56)
```
#881a40
```
#881a40 rgb(136,26,64)
```
#991d48
```
#991d48 rgb(153,29,72)
```
#a9204f
```
#a9204f rgb(169,32,79)
```
#ba2357
```
#ba2357 rgb(186,35,87)
```
#cb265f
```
#cb265f rgb(203,38,95)
```

Shade Color Variation

#d72d68
```
#d72d68 rgb(215,45,104)
```
#db3d73
```
#db3d73 rgb(219,61,115)
```
#de4e7f
```
#de4e7f rgb(222,78,127)
```
#e15e8b
```
#e15e8b rgb(225,94,139)
```
#e46f97
```
#e46f97 rgb(228,111,151)
```
#e77fa3
```
#e77fa3 rgb(231,127,163)
```
#ea90af
```
#ea90af rgb(234,144,175)
```
#eda0bb
```
#eda0bb rgb(237,160,187)
```
#f0b1c7
```
#f0b1c7 rgb(240,177,199)
```
#f3c1d3
```
#f3c1d3 rgb(243,193,211)
```
#f7d2de
```
#f7d2de rgb(247,210,222)
```
#fae2ea
```
#fae2ea rgb(250,226,234)
```
#fdf3f6
```
#fdf3f6 rgb(253,243,246)
```

Tint Color Variation

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

#76676c
```
#76676c rgb(118,103,108)
```
#7f5f6a
```
#7f5f6a rgb(127,95,106)
```
#875667
```
#875667 rgb(135,86,103)
```
#904e64
```
#904e64 rgb(144,78,100)
```
#984562
```
#984562 rgb(152,69,98)
```
#a13d5f
```
#a13d5f rgb(161,61,95)
```
#a9345c
```
#a9345c rgb(169,52,92)
```
#b22c5a
```
#b22c5a rgb(178,44,90)
```
#ba2357
```
#ba2357 rgb(186,35,87)
```
#c31b54
```
#c31b54 rgb(195,27,84)
```
#cb1252
```
#cb1252 rgb(203,18,82)
```
#d40a4f
```
#d40a4f rgb(212,10,79)
```
#dc014c
```
#dc014c rgb(220,1,76)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6a4c56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#67697a Protanopia 1% of men
#7b6655 Deuteranopia 1% of men
#bb383a Tritanopia 0.001% of the population

Trichromacy

#85506d Protanomaly 1% of men, 0.01% of women
#924e56 Deuteranomaly 6% of men, 0.4% of women
#bb3044 Tritanomaly 0.01% of the population

#ba2357 hex color

#ba2357 Color Information

#ba2357 Color Conversion

Color Schemes with #ba2357

Alternatives to #ba2357

#ba2357 Preview

Shades and Tints of #ba2357

Tones of #ba2357

Color Blindness Simulator