colorhexa.com

#ba4d58 hex color

In a RGB color space, hex #ba4d58 is composed of 72.9% red, 30.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.6% magenta, 52.7% yellow and 27.1% black. It has a hue angle of 353.9 degrees, a saturation of 44.1% and a lightness of 51.6%. #ba4d58 color hex could be obtained by blending #ff9ab0 with #750000. Closest websafe color is: #cc6666.

- R 73
- G 30
- B 35
RGB color chart
- C 0
- M 59
- Y 53
- K 27
CMYK color chart

● #ba4d58 color description : Moderate red.

The hexadecimal color #ba4d58 has RGB values of R:186, G:77, B:88 and CMYK values of C:0, M:0.59, Y:0.53, K:0.27. Its decimal value is 12209496.

Hex triplet	ba4d58	`#ba4d58`
RGB Decimal	186, 77, 88	`rgb(186,77,88)`
RGB Percent	72.9, 30.2, 34.5	`rgb(72.9%,30.2%,34.5%)`
CMYK	0, 59, 53, 27
HSL	353.9°, 44.1, 51.6	`hsl(353.9,44.1%,51.6%)`
HSV (or HSB)	353.9°, 58.6, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	47.564, 44.941, 16.139
XYZ	24.666, 16.454, 11.109
xyY	0.472, 0.315, 16.454
CIE-LCH	47.564, 47.751, 19.754
CIE-LUV	47.564, 77.823, 10.824
Hunter-Lab	40.563, 37.557, 12.157
Binary	10111010, 01001101, 01011000

#ba4d58
```
#ba4d58 rgb(186,77,88)
```
#4dbaaf
```
#4dbaaf rgb(77,186,175)
```

Complementary Color

#ba4d8f
```
#ba4d8f rgb(186,77,143)
```
#ba4d58
```
#ba4d58 rgb(186,77,88)
```
#ba794d
```
#ba794d rgb(186,121,77)
```

Analogous Color

#4d8fba
```
#4d8fba rgb(77,143,186)
```
#ba4d58
```
#ba4d58 rgb(186,77,88)
```
#4dba79
```
#4dba79 rgb(77,186,121)
```

Split Complementary Color

#4d58ba
```
#4d58ba rgb(77,88,186)
```
#ba4d58
```
#ba4d58 rgb(186,77,88)
```
#58ba4d
```
#58ba4d rgb(88,186,77)
```

Triadic Color

#af4dba
```
#af4dba rgb(175,77,186)
```
#ba4d58
```
#ba4d58 rgb(186,77,88)
```
#58ba4d
```
#58ba4d rgb(88,186,77)
```
#4dbaaf
```
#4dbaaf rgb(77,186,175)
```

Tetradic Color

#86343c
```
#86343c rgb(134,52,60)
```
#993b45
```
#993b45 rgb(153,59,69)
```
#ab424d
```
#ab424d rgb(171,66,77)
```
#ba4d58
```
#ba4d58 rgb(186,77,88)
```
#c15f69
```
#c15f69 rgb(193,95,105)
```
#c8727a
```
#c8727a rgb(200,114,122)
```
#cf848c
```
#cf848c rgb(207,132,140)
```

Monochromatic Color

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

#ba4d73
```
#ba4d73 rgb(186,77,115)
```
#ba4d6a
```
#ba4d6a rgb(186,77,106)
```
#ba4d61
```
#ba4d61 rgb(186,77,97)
```
#ba4d58
```
#ba4d58 rgb(186,77,88)
```
#ba4d4f
```
#ba4d4f rgb(186,77,79)
```
#ba544d
```
#ba544d rgb(186,84,77)
```
#ba5d4d
```
#ba5d4d rgb(186,93,77)
```

Similar Colors

Text with hexadecimal color #ba4d58

This text has a font color of #ba4d58.

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

#ba4d58 background color

This paragraph has a background color of #ba4d58.

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

#ba4d58 border color

This element has a border color of #ba4d58.

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

CSS codes

.text {color:#ba4d58;}

.background {background-color:#ba4d58;}

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

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

#060203
```
#060203 rgb(6,2,3)
```
#140809
```
#140809 rgb(20,8,9)
```
#220d0f
```
#220d0f rgb(34,13,15)
```
#301316
```
#301316 rgb(48,19,22)
```
#3e181c
```
#3e181c rgb(62,24,28)
```
#4c1e22
```
#4c1e22 rgb(76,30,34)
```
#5b2329
```
#5b2329 rgb(91,35,41)
```
#69292f
```
#69292f rgb(105,41,47)
```
#772e35
```
#772e35 rgb(119,46,53)
```
#85343c
```
#85343c rgb(133,52,60)
```
#933942
```
#933942 rgb(147,57,66)
```
#a13f48
```
#a13f48 rgb(161,63,72)
```
#af444f
```
#af444f rgb(175,68,79)
```

Shade Color Variation

#ba4d58
```
#ba4d58 rgb(186,77,88)
```
#bf5b65
```
#bf5b65 rgb(191,91,101)
```
#c56973
```
#c56973 rgb(197,105,115)
```
#ca7780
```
#ca7780 rgb(202,119,128)
```
#d0868d
```
#d0868d rgb(208,134,141)
```
#d5949a
```
#d5949a rgb(213,148,154)
```
#dba2a8
```
#dba2a8 rgb(219,162,168)
```
#e0b0b5
```
#e0b0b5 rgb(224,176,181)
```
#e6bec2
```
#e6bec2 rgb(230,190,194)
```
#ebcccf
```
#ebcccf rgb(235,204,207)
```
#f1dadd
```
#f1dadd rgb(241,218,221)
```
#f6e8ea
```
#f6e8ea rgb(246,232,234)
```
#fcf7f7
```
#fcf7f7 rgb(252,247,247)
```

Tint Color Variation

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

#8b7d7e
```
#8b7d7e rgb(139,125,126)
```
#947376
```
#947376 rgb(148,115,118)
```
#9e6a6f
```
#9e6a6f rgb(158,106,111)
```
#a76067
```
#a76067 rgb(167,96,103)
```
#b15760
```
#b15760 rgb(177,87,96)
```
#ba4d58
```
#ba4d58 rgb(186,77,88)
```
#c44450
```
#c44450 rgb(196,68,80)
```
#cd3a49
```
#cd3a49 rgb(205,58,73)
```
#d73041
```
#d73041 rgb(215,48,65)
```
#e0273a
```
#e0273a rgb(224,39,58)
```
#ea1d32
```
#ea1d32 rgb(234,29,50)
```
#f3142b
```
#f3142b rgb(243,20,43)
```
#fd0b23
```
#fd0b23 rgb(253,11,35)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7e686a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c776f Protanopia 1% of men
#8d7359 Deuteranopia 1% of men
#bd575c Tritanopia 0.001% of the population

Trichromacy

#926866 Protanomaly 1% of men, 0.01% of women
#9d6559 Deuteranomaly 6% of men, 0.4% of women
#bc535a Tritanomaly 0.01% of the population