#ba236c hex color

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

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

● #ba236c color description : Strong pink.

The hexadecimal color #ba236c has RGB values of R:186, G:35, B:108 and CMYK values of C:0, M:0.81, Y:0.42, K:0.27. Its decimal value is 12198764.

Hex triplet	ba236c	`#ba236c`
RGB Decimal	186, 35, 108	`rgb(186,35,108)`
RGB Percent	72.9, 13.7, 42.4	`rgb(72.9%,13.7%,42.4%)`
CMYK	0, 81, 42, 27
HSL	331°, 68.3, 43.3	`hsl(331,68.3%,43.3%)`
HSV (or HSB)	331°, 81.2, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	42.348, 62.578, -3.609
XYZ	23.558, 12.726, 15.402
xyY	0.456, 0.246, 12.726
CIE-LCH	42.348, 62.682, 356.699
CIE-LUV	42.348, 90.107, -15.924
Hunter-Lab	35.674, 55.447, -0.627
Binary	10111010, 00100011, 01101100

#ba236c
```
#ba236c rgb(186,35,108)
```
#23ba71
```
#23ba71 rgb(35,186,113)
```

Complementary Color

#ba23b8
```
#ba23b8 rgb(186,35,184)
```
#ba236c
```
#ba236c rgb(186,35,108)
```
#ba2623
```
#ba2623 rgb(186,38,35)
```

Analogous Color

#23b8ba
```
#23b8ba rgb(35,184,186)
```
#ba236c
```
#ba236c rgb(186,35,108)
```
#23ba26
```
#23ba26 rgb(35,186,38)
```

Split Complementary Color

#236cba
```
#236cba rgb(35,108,186)
```
#ba236c
```
#ba236c rgb(186,35,108)
```
#6cba23
```
#6cba23 rgb(108,186,35)
```

Triadic Color

#7123ba
```
#7123ba rgb(113,35,186)
```
#ba236c
```
#ba236c rgb(186,35,108)
```
#6cba23
```
#6cba23 rgb(108,186,35)
```
#23ba71
```
#23ba71 rgb(35,186,113)
```

Tetradic Color

#7a1747
```
#7a1747 rgb(122,23,71)
```
#8f1b53
```
#8f1b53 rgb(143,27,83)
```
#a51f60
```
#a51f60 rgb(165,31,96)
```
#ba236c
```
#ba236c rgb(186,35,108)
```
#cf2778
```
#cf2778 rgb(207,39,120)
```
#d93785
```
#d93785 rgb(217,55,133)
```
#dd4c92
```
#dd4c92 rgb(221,76,146)
```

Monochromatic Color

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

#ba2392
```
#ba2392 rgb(186,35,146)
```
#ba2385
```
#ba2385 rgb(186,35,133)
```
#ba2379
```
#ba2379 rgb(186,35,121)
```
#ba236c
```
#ba236c rgb(186,35,108)
```
#ba235f
```
#ba235f rgb(186,35,95)
```
#ba2353
```
#ba2353 rgb(186,35,83)
```
#ba2346
```
#ba2346 rgb(186,35,70)
```

Similar Colors

Text with hexadecimal color #ba236c

This text has a font color of #ba236c.

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

#ba236c background color

This paragraph has a background color of #ba236c.

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

#ba236c border color

This element has a border color of #ba236c.

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

CSS codes

.text {color:#ba236c;}

.background {background-color:#ba236c;}

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

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

#040103
```
#040103 rgb(4,1,3)
```
#15040c
```
#15040c rgb(21,4,12)
```
#250716
```
#250716 rgb(37,7,22)
```
#360a1f
```
#360a1f rgb(54,10,31)
```
#460d29
```
#460d29 rgb(70,13,41)
```
#571032
```
#571032 rgb(87,16,50)
```
#67133c
```
#67133c rgb(103,19,60)
```
#781746
```
#781746 rgb(120,23,70)
```
#881a4f
```
#881a4f rgb(136,26,79)
```
#991d59
```
#991d59 rgb(153,29,89)
```
#a92062
```
#a92062 rgb(169,32,98)
```
#ba236c
```
#ba236c rgb(186,35,108)
```
#cb2676
```
#cb2676 rgb(203,38,118)
```

Shade Color Variation

#d72d7f
```
#d72d7f rgb(215,45,127)
```
#db3d89
```
#db3d89 rgb(219,61,137)
```
#de4e93
```
#de4e93 rgb(222,78,147)
```
#e15e9d
```
#e15e9d rgb(225,94,157)
```
#e46fa7
```
#e46fa7 rgb(228,111,167)
```
#e77fb1
```
#e77fb1 rgb(231,127,177)
```
#ea90bb
```
#ea90bb rgb(234,144,187)
```
#eda0c5
```
#eda0c5 rgb(237,160,197)
```
#f0b1d0
```
#f0b1d0 rgb(240,177,208)
```
#f3c1da
```
#f3c1da rgb(243,193,218)
```
#f7d2e4
```
#f7d2e4 rgb(247,210,228)
```
#fae2ee
```
#fae2ee rgb(250,226,238)
```
#fdf3f8
```
#fdf3f8 rgb(253,243,248)
```

Tint Color Variation

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

#76676e
```
#76676e rgb(118,103,110)
```
#7f5f6e
```
#7f5f6e rgb(127,95,110)
```
#87566e
```
#87566e rgb(135,86,110)
```
#904e6d
```
#904e6d rgb(144,78,109)
```
#98456d
```
#98456d rgb(152,69,109)
```
#a13d6d
```
#a13d6d rgb(161,61,109)
```
#a9346d
```
#a9346d rgb(169,52,109)
```
#b22c6c
```
#b22c6c rgb(178,44,108)
```
#ba236c
```
#ba236c rgb(186,35,108)
```
#c31b6c
```
#c31b6c rgb(195,27,108)
```
#cb126b
```
#cb126b rgb(203,18,107)
```
#d40a6b
```
#d40a6b rgb(212,10,107)
```
#dc016b
```
#dc016b rgb(220,1,107)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6c4d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6a93 Protanopia 1% of men
#776868 Deuteranopia 1% of men
#ba3e41 Tritanopia 0.001% of the population

Trichromacy

#7f5084 Protanomaly 1% of men, 0.01% of women
#8f4f6a Deuteranomaly 6% of men, 0.4% of women
#ba3450 Tritanomaly 0.01% of the population

#ba236c hex color

#ba236c Color Information

#ba236c Color Conversion

Color Schemes with #ba236c

Alternatives to #ba236c

#ba236c Preview

Shades and Tints of #ba236c

Tones of #ba236c

Color Blindness Simulator