#ba2e77 hex color

In a RGB color space, hex #ba2e77 is composed of 72.9% red, 18% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.3% magenta, 36% yellow and 27.1% black. It has a hue angle of 328.7 degrees, a saturation of 60.3% and a lightness of 45.5%. #ba2e77 color hex could be obtained by blending #ff5cee with #750000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 18
- B 47
RGB color chart
- C 0
- M 75
- Y 36
- K 27
CMYK color chart

● #ba2e77 color description : Strong pink.

The hexadecimal color #ba2e77 has RGB values of R:186, G:46, B:119 and CMYK values of C:0, M:0.75, Y:0.36, K:0.27. Its decimal value is 12201591.

Hex triplet	ba2e77	`#ba2e77`
RGB Decimal	186, 46, 119	`rgb(186,46,119)`
RGB Percent	72.9, 18, 46.7	`rgb(72.9%,18%,46.7%)`
CMYK	0, 75, 36, 27
HSL	328.7°, 60.3, 45.5	`hsl(328.7,60.3%,45.5%)`
HSV (or HSB)	328.7°, 75.3, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.839, 60.527, -8.213
XYZ	24.557, 13.727, 18.808
xyY	0.43, 0.24, 13.727
CIE-LCH	43.839, 61.082, 352.272
CIE-LUV	43.839, 82.378, -21.485
Hunter-Lab	37.05, 53.471, -4.163
Binary	10111010, 00101110, 01110111

#ba2e77
```
#ba2e77 rgb(186,46,119)
```
#2eba71
```
#2eba71 rgb(46,186,113)
```

Complementary Color

#b72eba
```
#b72eba rgb(183,46,186)
```
#ba2e77
```
#ba2e77 rgb(186,46,119)
```
#ba2e31
```
#ba2e31 rgb(186,46,49)
```

Analogous Color

#2ebab7
```
#2ebab7 rgb(46,186,183)
```
#ba2e77
```
#ba2e77 rgb(186,46,119)
```
#31ba2e
```
#31ba2e rgb(49,186,46)
```

Split Complementary Color

#2e77ba
```
#2e77ba rgb(46,119,186)
```
#ba2e77
```
#ba2e77 rgb(186,46,119)
```
#77ba2e
```
#77ba2e rgb(119,186,46)
```

Triadic Color

#712eba
```
#712eba rgb(113,46,186)
```
#ba2e77
```
#ba2e77 rgb(186,46,119)
```
#77ba2e
```
#77ba2e rgb(119,186,46)
```
#2eba71
```
#2eba71 rgb(46,186,113)
```

Tetradic Color

#7d1f50
```
#7d1f50 rgb(125,31,80)
```
#91245d
```
#91245d rgb(145,36,93)
```
#a6296a
```
#a6296a rgb(166,41,106)
```
#ba2e77
```
#ba2e77 rgb(186,46,119)
```
#cd3584
```
#cd3584 rgb(205,53,132)
```
#d24990
```
#d24990 rgb(210,73,144)
```
#d75d9d
```
#d75d9d rgb(215,93,157)
```

Monochromatic Color

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

#ba2e9a
```
#ba2e9a rgb(186,46,154)
```
#ba2e8e
```
#ba2e8e rgb(186,46,142)
```
#ba2e83
```
#ba2e83 rgb(186,46,131)
```
#ba2e77
```
#ba2e77 rgb(186,46,119)
```
#ba2e6b
```
#ba2e6b rgb(186,46,107)
```
#ba2e60
```
#ba2e60 rgb(186,46,96)
```
#ba2e54
```
#ba2e54 rgb(186,46,84)
```

Similar Colors

Text with hexadecimal color #ba2e77

This text has a font color of #ba2e77.

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

#ba2e77 background color

This paragraph has a background color of #ba2e77.

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

#ba2e77 border color

This element has a border color of #ba2e77.

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

CSS codes

.text {color:#ba2e77;}

.background {background-color:#ba2e77;}

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

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

#0d0308
```
#0d0308 rgb(13,3,8)
```
#1d0712
```
#1d0712 rgb(29,7,18)
```
#2c0b1c
```
#2c0b1c rgb(44,11,28)
```
#3c0f27
```
#3c0f27 rgb(60,15,39)
```
#4c1331
```
#4c1331 rgb(76,19,49)
```
#5c173b
```
#5c173b rgb(92,23,59)
```
#6b1b45
```
#6b1b45 rgb(107,27,69)
```
#7b1e4f
```
#7b1e4f rgb(123,30,79)
```
#8b2259
```
#8b2259 rgb(139,34,89)
```
#9b2663
```
#9b2663 rgb(155,38,99)
```
#aa2a6d
```
#aa2a6d rgb(170,42,109)
```
#ba2e77
```
#ba2e77 rgb(186,46,119)
```
#ca3281
```
#ca3281 rgb(202,50,129)
```

Shade Color Variation

#d0408b
```
#d0408b rgb(208,64,139)
```
#d44f94
```
#d44f94 rgb(212,79,148)
```
#d75f9e
```
#d75f9e rgb(215,95,158)
```
#db6fa7
```
#db6fa7 rgb(219,111,167)
```
#df7eb1
```
#df7eb1 rgb(223,126,177)
```
#e38eba
```
#e38eba rgb(227,142,186)
```
#e79ec4
```
#e79ec4 rgb(231,158,196)
```
#ebaece
```
#ebaece rgb(235,174,206)
```
#efbdd7
```
#efbdd7 rgb(239,189,215)
```
#f3cde1
```
#f3cde1 rgb(243,205,225)
```
#f7ddea
```
#f7ddea rgb(247,221,234)
```
#faedf4
```
#faedf4 rgb(250,237,244)
```
#fefcfd
```
#fefcfd rgb(254,252,253)
```

Tint Color Variation

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

#7c6c74
```
#7c6c74 rgb(124,108,116)
```
#846475
```
#846475 rgb(132,100,117)
```
#8d5b75
```
#8d5b75 rgb(141,91,117)
```
#965275
```
#965275 rgb(150,82,117)
```
#9f4976
```
#9f4976 rgb(159,73,118)
```
#a84076
```
#a84076 rgb(168,64,118)
```
#b13777
```
#b13777 rgb(177,55,119)
```
#ba2e77
```
#ba2e77 rgb(186,46,119)
```
#c32577
```
#c32577 rgb(195,37,119)
```
#cc1c78
```
#cc1c78 rgb(204,28,120)
```
#d51378
```
#d51378 rgb(213,19,120)
```
#de0a79
```
#de0a79 rgb(222,10,121)
```
#e70179
```
#e70179 rgb(231,1,121)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#725665 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6d9c Protanopia 1% of men
#776c73 Deuteranopia 1% of men
#b9474b Tritanopia 0.001% of the population

Trichromacy

#80568e Protanomaly 1% of men, 0.01% of women
#8f5574 Deuteranomaly 6% of men, 0.4% of women
#b93e5b Tritanomaly 0.01% of the population

#ba2e77 hex color

#ba2e77 Color Information

#ba2e77 Color Conversion

Color Schemes with #ba2e77

Alternatives to #ba2e77

#ba2e77 Preview

Shades and Tints of #ba2e77

Tones of #ba2e77

Color Blindness Simulator