#ba2c6f hex color

In a RGB color space, hex #ba2c6f is composed of 72.9% red, 17.3% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.3% magenta, 40.3% yellow and 27.1% black. It has a hue angle of 331.7 degrees, a saturation of 61.7% and a lightness of 45.1%. #ba2c6f color hex could be obtained by blending #ff58de with #750000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 17
- B 44
RGB color chart
- C 0
- M 76
- Y 40
- K 27
CMYK color chart

● #ba2c6f color description : Strong pink.

The hexadecimal color #ba2c6f has RGB values of R:186, G:44, B:111 and CMYK values of C:0, M:0.76, Y:0.4, K:0.27. Its decimal value is 12201071.

Hex triplet	ba2c6f	`#ba2c6f`
RGB Decimal	186, 44, 111	`rgb(186,44,111)`
RGB Percent	72.9, 17.3, 43.5	`rgb(72.9%,17.3%,43.5%)`
CMYK	0, 76, 40, 27
HSL	331.7°, 61.7, 45.1	`hsl(331.7,61.7%,45.1%)`
HSV (or HSB)	331.7°, 76.3, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.346, 60.317, -4
XYZ	24.02, 13.391, 16.358
xyY	0.447, 0.249, 13.391
CIE-LCH	43.346, 60.449, 356.206
CIE-LUV	43.346, 86.148, -16.016
Hunter-Lab	36.593, 53.132, -0.889
Binary	10111010, 00101100, 01101111

#ba2c6f
```
#ba2c6f rgb(186,44,111)
```
#2cba77
```
#2cba77 rgb(44,186,119)
```

Complementary Color

#ba2cb6
```
#ba2cb6 rgb(186,44,182)
```
#ba2c6f
```
#ba2c6f rgb(186,44,111)
```
#ba302c
```
#ba302c rgb(186,48,44)
```

Analogous Color

#2cb6ba
```
#2cb6ba rgb(44,182,186)
```
#ba2c6f
```
#ba2c6f rgb(186,44,111)
```
#2cba30
```
#2cba30 rgb(44,186,48)
```

Split Complementary Color

#2c6fba
```
#2c6fba rgb(44,111,186)
```
#ba2c6f
```
#ba2c6f rgb(186,44,111)
```
#6fba2c
```
#6fba2c rgb(111,186,44)
```

Triadic Color

#772cba
```
#772cba rgb(119,44,186)
```
#ba2c6f
```
#ba2c6f rgb(186,44,111)
```
#6fba2c
```
#6fba2c rgb(111,186,44)
```
#2cba77
```
#2cba77 rgb(44,186,119)
```

Tetradic Color

#7c1d4a
```
#7c1d4a rgb(124,29,74)
```
#912256
```
#912256 rgb(145,34,86)
```
#a52763
```
#a52763 rgb(165,39,99)
```
#ba2c6f
```
#ba2c6f rgb(186,44,111)
```
#ce317b
```
#ce317b rgb(206,49,123)
```
#d34689
```
#d34689 rgb(211,70,137)
```
#d85a96
```
#d85a96 rgb(216,90,150)
```

Monochromatic Color

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

#ba2c93
```
#ba2c93 rgb(186,44,147)
```
#ba2c87
```
#ba2c87 rgb(186,44,135)
```
#ba2c7b
```
#ba2c7b rgb(186,44,123)
```
#ba2c6f
```
#ba2c6f rgb(186,44,111)
```
#ba2c63
```
#ba2c63 rgb(186,44,99)
```
#ba2c57
```
#ba2c57 rgb(186,44,87)
```
#ba2c4b
```
#ba2c4b rgb(186,44,75)
```

Similar Colors

Text with hexadecimal color #ba2c6f

This text has a font color of #ba2c6f.

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

#ba2c6f background color

This paragraph has a background color of #ba2c6f.

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

#ba2c6f border color

This element has a border color of #ba2c6f.

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

CSS codes

.text {color:#ba2c6f;}

.background {background-color:#ba2c6f;}

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

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

#0c0307
```
#0c0307 rgb(12,3,7)
```
#1b0610
```
#1b0610 rgb(27,6,16)
```
#2b0a1a
```
#2b0a1a rgb(43,10,26)
```
#3b0e23
```
#3b0e23 rgb(59,14,35)
```
#4b122d
```
#4b122d rgb(75,18,45)
```
#5b1536
```
#5b1536 rgb(91,21,54)
```
#6b1940
```
#6b1940 rgb(107,25,64)
```
#7b1d49
```
#7b1d49 rgb(123,29,73)
```
#8a2153
```
#8a2153 rgb(138,33,83)
```
#9a245c
```
#9a245c rgb(154,36,92)
```
#aa2866
```
#aa2866 rgb(170,40,102)
```
#ba2c6f
```
#ba2c6f rgb(186,44,111)
```
#ca3078
```
#ca3078 rgb(202,48,120)
```

Shade Color Variation

#d13c82
```
#d13c82 rgb(209,60,130)
```
#d54c8d
```
#d54c8d rgb(213,76,141)
```
#d85c97
```
#d85c97 rgb(216,92,151)
```
#dc6ca1
```
#dc6ca1 rgb(220,108,161)
```
#e07cab
```
#e07cab rgb(224,124,171)
```
#e48cb5
```
#e48cb5 rgb(228,140,181)
```
#e79bbf
```
#e79bbf rgb(231,155,191)
```
#ebabc9
```
#ebabc9 rgb(235,171,201)
```
#efbbd4
```
#efbbd4 rgb(239,187,212)
```
#f3cbde
```
#f3cbde rgb(243,203,222)
```
#f6dbe8
```
#f6dbe8 rgb(246,219,232)
```
#faebf2
```
#faebf2 rgb(250,235,242)
```
#fefbfc
```
#fefbfc rgb(254,251,252)
```

Tint Color Variation

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

#737373
```
#737373 rgb(115,115,115)
```
#7c6a72
```
#7c6a72 rgb(124,106,114)
```
#856172
```
#856172 rgb(133,97,114)
```
#8e5871
```
#8e5871 rgb(142,88,113)
```
#974f71
```
#974f71 rgb(151,79,113)
```
#9f4770
```
#9f4770 rgb(159,71,112)
```
#a83e70
```
#a83e70 rgb(168,62,112)
```
#b1356f
```
#b1356f rgb(177,53,111)
```
#ba2c6f
```
#ba2c6f rgb(186,44,111)
```
#c3236f
```
#c3236f rgb(195,35,111)
```
#cc1a6e
```
#cc1a6e rgb(204,26,110)
```
#d5116e
```
#d5116e rgb(213,17,110)
```
#dd096d
```
#dd096d rgb(221,9,109)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#705461 Atypical Achromatopsia 0.001% of the population

Dichromacy

#626c93 Protanopia 1% of men
#796a6c Deuteranopia 1% of men
#ba4447 Tritanopia 0.001% of the population

Trichromacy

#825586 Protanomaly 1% of men, 0.01% of women
#90546d Deuteranomaly 6% of men, 0.4% of women
#ba3b55 Tritanomaly 0.01% of the population

#ba2c6f hex color

#ba2c6f Color Information

#ba2c6f Color Conversion

Color Schemes with #ba2c6f

Alternatives to #ba2c6f

#ba2c6f Preview

Shades and Tints of #ba2c6f

Tones of #ba2c6f

Color Blindness Simulator