colorhexa.com

#ba4a77 hex color

In a RGB color space, hex #ba4a77 is composed of 72.9% red, 29% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.2% magenta, 36% yellow and 27.1% black. It has a hue angle of 335.9 degrees, a saturation of 44.8% and a lightness of 51%. #ba4a77 color hex could be obtained by blending #ff94ee with #750000. Closest websafe color is: #cc3366.

- R 73
- G 29
- B 47
RGB color chart
- C 0
- M 60
- Y 36
- K 27
CMYK color chart

● #ba4a77 color description : Moderate pink.

The hexadecimal color #ba4a77 has RGB values of R:186, G:74, B:119 and CMYK values of C:0, M:0.6, Y:0.36, K:0.27. Its decimal value is 12208759.

Hex triplet	ba4a77	`#ba4a77`
RGB Decimal	186, 74, 119	`rgb(186,74,119)`
RGB Percent	72.9, 29, 46.7	`rgb(72.9%,29%,46.7%)`
CMYK	0, 60, 36, 27
HSL	335.9°, 44.8, 51	`hsl(335.9,44.8%,51%)`
HSV (or HSB)	335.9°, 60.2, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.842, 49.511, -2.272
XYZ	26.029, 16.671, 19.299
xyY	0.42, 0.269, 16.671
CIE-LCH	47.842, 49.563, 357.373
CIE-LUV	47.842, 70.836, -11.883
Hunter-Lab	40.83, 42.34, 0.557
Binary	10111010, 01001010, 01110111

#ba4a77
```
#ba4a77 rgb(186,74,119)
```
#4aba8d
```
#4aba8d rgb(74,186,141)
```

Complementary Color

#ba4aaf
```
#ba4aaf rgb(186,74,175)
```
#ba4a77
```
#ba4a77 rgb(186,74,119)
```
#ba554a
```
#ba554a rgb(186,85,74)
```

Analogous Color

#4aafba
```
#4aafba rgb(74,175,186)
```
#ba4a77
```
#ba4a77 rgb(186,74,119)
```
#4aba55
```
#4aba55 rgb(74,186,85)
```

Split Complementary Color

#4a77ba
```
#4a77ba rgb(74,119,186)
```
#ba4a77
```
#ba4a77 rgb(186,74,119)
```
#77ba4a
```
#77ba4a rgb(119,186,74)
```

Triadic Color

#8d4aba
```
#8d4aba rgb(141,74,186)
```
#ba4a77
```
#ba4a77 rgb(186,74,119)
```
#77ba4a
```
#77ba4a rgb(119,186,74)
```
#4aba8d
```
#4aba8d rgb(74,186,141)
```

Tetradic Color

#853354
```
#853354 rgb(133,51,84)
```
#973a5f
```
#973a5f rgb(151,58,95)
```
#aa416b
```
#aa416b rgb(170,65,107)
```
#ba4a77
```
#ba4a77 rgb(186,74,119)
```
#c15c85
```
#c15c85 rgb(193,92,133)
```
#c86f93
```
#c86f93 rgb(200,111,147)
```
#cf81a1
```
#cf81a1 rgb(207,129,161)
```

Monochromatic Color

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

#ba4a93
```
#ba4a93 rgb(186,74,147)
```
#ba4a8a
```
#ba4a8a rgb(186,74,138)
```
#ba4a80
```
#ba4a80 rgb(186,74,128)
```
#ba4a77
```
#ba4a77 rgb(186,74,119)
```
#ba4a6e
```
#ba4a6e rgb(186,74,110)
```
#ba4a64
```
#ba4a64 rgb(186,74,100)
```
#ba4a5b
```
#ba4a5b rgb(186,74,91)
```

Similar Colors

Text with hexadecimal color #ba4a77

This text has a font color of #ba4a77.

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

#ba4a77 background color

This paragraph has a background color of #ba4a77.

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

#ba4a77 border color

This element has a border color of #ba4a77.

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

CSS codes

.text {color:#ba4a77;}

.background {background-color:#ba4a77;}

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

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

#040102
```
#040102 rgb(4,1,2)
```
#12070b
```
#12070b rgb(18,7,11)
```
#200c14
```
#200c14 rgb(32,12,20)
```
#2e121d
```
#2e121d rgb(46,18,29)
```
#3c1726
```
#3c1726 rgb(60,23,38)
```
#4b1c2f
```
#4b1c2f rgb(75,28,47)
```
#592238
```
#592238 rgb(89,34,56)
```
#672741
```
#672741 rgb(103,39,65)
```
#752d4a
```
#752d4a rgb(117,45,74)
```
#833253
```
#833253 rgb(131,50,83)
```
#92385c
```
#92385c rgb(146,56,92)
```
#a03d65
```
#a03d65 rgb(160,61,101)
```
#ae426e
```
#ae426e rgb(174,66,110)
```

Shade Color Variation

#ba4a77
```
#ba4a77 rgb(186,74,119)
```
#bf5882
```
#bf5882 rgb(191,88,130)
```
#c5668c
```
#c5668c rgb(197,102,140)
```
#ca7597
```
#ca7597 rgb(202,117,151)
```
#d083a2
```
#d083a2 rgb(208,131,162)
```
#d591ac
```
#d591ac rgb(213,145,172)
```
#da9fb7
```
#da9fb7 rgb(218,159,183)
```
#e0adc2
```
#e0adc2 rgb(224,173,194)
```
#e5bccc
```
#e5bccc rgb(229,188,204)
```
#ebcad7
```
#ebcad7 rgb(235,202,215)
```
#f0d8e2
```
#f0d8e2 rgb(240,216,226)
```
#f6e6ec
```
#f6e6ec rgb(246,230,236)
```
#fbf4f7
```
#fbf4f7 rgb(251,244,247)
```

Tint Color Variation

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

#8a7a80
```
#8a7a80 rgb(138,122,128)
```
#94707f
```
#94707f rgb(148,112,127)
```
#9d677d
```
#9d677d rgb(157,103,125)
```
#a75d7b
```
#a75d7b rgb(167,93,123)
```
#b05479
```
#b05479 rgb(176,84,121)
```
#ba4a77
```
#ba4a77 rgb(186,74,119)
```
#c44075
```
#c44075 rgb(196,64,117)
```
#cd3773
```
#cd3773 rgb(205,55,115)
```
#d72d71
```
#d72d71 rgb(215,45,113)
```
#e0246f
```
#e0246f rgb(224,36,111)
```
#ea1a6e
```
#ea1a6e rgb(234,26,110)
```
#f4106c
```
#f4106c rgb(244,16,108)
```
#fd076a
```
#fd076a rgb(253,7,106)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#806972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727792 Protanopia 1% of men
#857576 Deuteranopia 1% of men
#bb5a5f Tritanopia 0.001% of the population

Trichromacy

#8c6788 Protanomaly 1% of men, 0.01% of women
#986576 Deuteranomaly 6% of men, 0.4% of women
#ba5468 Tritanomaly 0.01% of the population