#ba235f hex color

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

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

● #ba235f color description : Strong pink.

The hexadecimal color #ba235f has RGB values of R:186, G:35, B:95 and CMYK values of C:0, M:0.81, Y:0.49, K:0.27. Its decimal value is 12198751.

Hex triplet	ba235f	`#ba235f`
RGB Decimal	186, 35, 95	`rgb(186,35,95)`
RGB Percent	72.9, 13.7, 37.3	`rgb(72.9%,13.7%,37.3%)`
CMYK	0, 81, 49, 27
HSL	336.2°, 68.3, 43.3	`hsl(336.2,68.3%,43.3%)`
HSV (or HSB)	336.2°, 81.2, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	41.953, 61.403, 3.961
XYZ	22.917, 12.47, 12.026
xyY	0.483, 0.263, 12.47
CIE-LCH	41.953, 61.531, 3.691
CIE-LUV	41.953, 95.296, -6.655
Hunter-Lab	35.313, 54.044, 4.527
Binary	10111010, 00100011, 01011111

#ba235f
```
#ba235f rgb(186,35,95)
```
#23ba7e
```
#23ba7e rgb(35,186,126)
```

Complementary Color

#ba23ab
```
#ba23ab rgb(186,35,171)
```
#ba235f
```
#ba235f rgb(186,35,95)
```
#ba3323
```
#ba3323 rgb(186,51,35)
```

Analogous Color

#23abba
```
#23abba rgb(35,171,186)
```
#ba235f
```
#ba235f rgb(186,35,95)
```
#23ba33
```
#23ba33 rgb(35,186,51)
```

Split Complementary Color

#235fba
```
#235fba rgb(35,95,186)
```
#ba235f
```
#ba235f rgb(186,35,95)
```
#5fba23
```
#5fba23 rgb(95,186,35)
```

Triadic Color

#7e23ba
```
#7e23ba rgb(126,35,186)
```
#ba235f
```
#ba235f rgb(186,35,95)
```
#5fba23
```
#5fba23 rgb(95,186,35)
```
#23ba7e
```
#23ba7e rgb(35,186,126)
```

Tetradic Color

#7a173e
```
#7a173e rgb(122,23,62)
```
#8f1b49
```
#8f1b49 rgb(143,27,73)
```
#a51f54
```
#a51f54 rgb(165,31,84)
```
#ba235f
```
#ba235f rgb(186,35,95)
```
#cf276a
```
#cf276a rgb(207,39,106)
```
#d93777
```
#d93777 rgb(217,55,119)
```
#dd4c86
```
#dd4c86 rgb(221,76,134)
```

Monochromatic Color

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

#ba2385
```
#ba2385 rgb(186,35,133)
```
#ba2378
```
#ba2378 rgb(186,35,120)
```
#ba236c
```
#ba236c rgb(186,35,108)
```
#ba235f
```
#ba235f rgb(186,35,95)
```
#ba2352
```
#ba2352 rgb(186,35,82)
```
#ba2346
```
#ba2346 rgb(186,35,70)
```
#ba2339
```
#ba2339 rgb(186,35,57)
```

Similar Colors

Text with hexadecimal color #ba235f

This text has a font color of #ba235f.

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

#ba235f background color

This paragraph has a background color of #ba235f.

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

#ba235f border color

This element has a border color of #ba235f.

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

CSS codes

.text {color:#ba235f;}

.background {background-color:#ba235f;}

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

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 #fdf3f7 is the lightest one.

#040102
```
#040102 rgb(4,1,2)
```
#15040b
```
#15040b rgb(21,4,11)
```
#250713
```
#250713 rgb(37,7,19)
```
#360a1c
```
#360a1c rgb(54,10,28)
```
#460d24
```
#460d24 rgb(70,13,36)
```
#57102c
```
#57102c rgb(87,16,44)
```
#671335
```
#671335 rgb(103,19,53)
```
#78173d
```
#78173d rgb(120,23,61)
```
#881a46
```
#881a46 rgb(136,26,70)
```
#991d4e
```
#991d4e rgb(153,29,78)
```
#a92057
```
#a92057 rgb(169,32,87)
```
#ba235f
```
#ba235f rgb(186,35,95)
```
#cb2667
```
#cb2667 rgb(203,38,103)
```

Shade Color Variation

#d72d71
```
#d72d71 rgb(215,45,113)
```
#db3d7c
```
#db3d7c rgb(219,61,124)
```
#de4e87
```
#de4e87 rgb(222,78,135)
```
#e15e92
```
#e15e92 rgb(225,94,146)
```
#e46f9d
```
#e46f9d rgb(228,111,157)
```
#e77fa9
```
#e77fa9 rgb(231,127,169)
```
#ea90b4
```
#ea90b4 rgb(234,144,180)
```
#eda0bf
```
#eda0bf rgb(237,160,191)
```
#f0b1ca
```
#f0b1ca rgb(240,177,202)
```
#f3c1d5
```
#f3c1d5 rgb(243,193,213)
```
#f7d2e0
```
#f7d2e0 rgb(247,210,224)
```
#fae2ec
```
#fae2ec rgb(250,226,236)
```
#fdf3f7
```
#fdf3f7 rgb(253,243,247)
```

Tint Color Variation

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

#76676d
```
#76676d rgb(118,103,109)
```
#7f5f6b
```
#7f5f6b rgb(127,95,107)
```
#875669
```
#875669 rgb(135,86,105)
```
#904e68
```
#904e68 rgb(144,78,104)
```
#984566
```
#984566 rgb(152,69,102)
```
#a13d64
```
#a13d64 rgb(161,61,100)
```
#a93462
```
#a93462 rgb(169,52,98)
```
#b22c61
```
#b22c61 rgb(178,44,97)
```
#ba235f
```
#ba235f rgb(186,35,95)
```
#c31b5d
```
#c31b5d rgb(195,27,93)
```
#cb125c
```
#cb125c rgb(203,18,92)
```
#d40a5a
```
#d40a5a rgb(212,10,90)
```
#dc0158
```
#dc0158 rgb(220,1,88)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6b4d59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646a83 Protanopia 1% of men
#7a675d Deuteranopia 1% of men
#bb3a3d Tritanopia 0.001% of the population

Trichromacy

#835076 Protanomaly 1% of men, 0.01% of women
#914e5d Deuteranomaly 6% of men, 0.4% of women
#ba3249 Tritanomaly 0.01% of the population

#ba235f hex color

#ba235f Color Information

#ba235f Color Conversion

Color Schemes with #ba235f

Alternatives to #ba235f

#ba235f Preview

Shades and Tints of #ba235f

Tones of #ba235f

Color Blindness Simulator