#ba4d45 hex color

In a RGB color space, hex #ba4d45 is composed of 72.9% red, 30.2% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.6% magenta, 62.9% yellow and 27.1% black. It has a hue angle of 4.1 degrees, a saturation of 45.9% and a lightness of 50%. #ba4d45 color hex could be obtained by blending #ff9a8a with #750000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 30
- B 27
RGB color chart
- C 0
- M 59
- Y 63
- K 27
CMYK color chart

● #ba4d45 color description : Moderate red.

The hexadecimal color #ba4d45 has RGB values of R:186, G:77, B:69 and CMYK values of C:0, M:0.59, Y:0.63, K:0.27. Its decimal value is 12209477.

Hex triplet	ba4d45	`#ba4d45`
RGB Decimal	186, 77, 69	`rgb(186,77,69)`
RGB Percent	72.9, 30.2, 27.1	`rgb(72.9%,30.2%,27.1%)`
CMYK	0, 59, 63, 27
HSL	4.1°, 45.9, 50	`hsl(4.1,45.9%,50%)`
HSV (or HSB)	4.1°, 62.9, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.208, 43.486, 27.032
XYZ	23.979, 16.179, 7.49
xyY	0.503, 0.34, 16.179
CIE-LCH	47.208, 51.203, 31.866
CIE-LUV	47.208, 82.171, 21.648
Hunter-Lab	40.223, 36.021, 17.116
Binary	10111010, 01001101, 01000101

#ba4d45
```
#ba4d45 rgb(186,77,69)
```
#45b2ba
```
#45b2ba rgb(69,178,186)
```

Complementary Color

#ba4578
```
#ba4578 rgb(186,69,120)
```
#ba4d45
```
#ba4d45 rgb(186,77,69)
```
#ba8845
```
#ba8845 rgb(186,136,69)
```

Analogous Color

#4578ba
```
#4578ba rgb(69,120,186)
```
#ba4d45
```
#ba4d45 rgb(186,77,69)
```
#45ba88
```
#45ba88 rgb(69,186,136)
```

Split Complementary Color

#4d45ba
```
#4d45ba rgb(77,69,186)
```
#ba4d45
```
#ba4d45 rgb(186,77,69)
```
#45ba4d
```
#45ba4d rgb(69,186,77)
```

Triadic Color

#ba45b2
```
#ba45b2 rgb(186,69,178)
```
#ba4d45
```
#ba4d45 rgb(186,77,69)
```
#45ba4d
```
#45ba4d rgb(69,186,77)
```
#45b2ba
```
#45b2ba rgb(69,178,186)
```

Tetradic Color

#823630
```
#823630 rgb(130,54,48)
```
#953e37
```
#953e37 rgb(149,62,55)
```
#a7453e
```
#a7453e rgb(167,69,62)
```
#ba4d45
```
#ba4d45 rgb(186,77,69)
```
#c15f58
```
#c15f58 rgb(193,95,88)
```
#c8716a
```
#c8716a rgb(200,113,106)
```
#cf827d
```
#cf827d rgb(207,130,125)
```

Monochromatic Color

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

#ba455a
```
#ba455a rgb(186,69,90)
```
#ba4551
```
#ba4551 rgb(186,69,81)
```
#ba4547
```
#ba4547 rgb(186,69,71)
```
#ba4d45
```
#ba4d45 rgb(186,77,69)
```
#ba5745
```
#ba5745 rgb(186,87,69)
```
#ba6045
```
#ba6045 rgb(186,96,69)
```
#ba6a45
```
#ba6a45 rgb(186,106,69)
```

Similar Colors

Text with hexadecimal color #ba4d45

This text has a font color of #ba4d45.

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

#ba4d45 background color

This paragraph has a background color of #ba4d45.

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

#ba4d45 border color

This element has a border color of #ba4d45.

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

CSS codes

.text {color:#ba4d45;}

.background {background-color:#ba4d45;}

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

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

#0e0605
```
#0e0605 rgb(14,6,5)
```
#1d0c0b
```
#1d0c0b rgb(29,12,11)
```
#2b1210
```
#2b1210 rgb(43,18,16)
```
#391815
```
#391815 rgb(57,24,21)
```
#481e1b
```
#481e1b rgb(72,30,27)
```
#562420
```
#562420 rgb(86,36,32)
```
#642925
```
#642925 rgb(100,41,37)
```
#722f2a
```
#722f2a rgb(114,47,42)
```
#813530
```
#813530 rgb(129,53,48)
```
#8f3b35
```
#8f3b35 rgb(143,59,53)
```
#9d413a
```
#9d413a rgb(157,65,58)
```
#ac4740
```
#ac4740 rgb(172,71,64)
```
#ba4d45
```
#ba4d45 rgb(186,77,69)
```

Shade Color Variation

#bf5b53
```
#bf5b53 rgb(191,91,83)
```
#c56862
```
#c56862 rgb(197,104,98)
```
#ca7670
```
#ca7670 rgb(202,118,112)
```
#cf847e
```
#cf847e rgb(207,132,126)
```
#d5918d
```
#d5918d rgb(213,145,141)
```
#da9f9b
```
#da9f9b rgb(218,159,155)
```
#dfada9
```
#dfada9 rgb(223,173,169)
```
#e4bbb7
```
#e4bbb7 rgb(228,187,183)
```
#eac8c6
```
#eac8c6 rgb(234,200,198)
```
#efd6d4
```
#efd6d4 rgb(239,214,212)
```
#f4e4e2
```
#f4e4e2 rgb(244,228,226)
```
#faf1f1
```
#faf1f1 rgb(250,241,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#897776
```
#897776 rgb(137,119,118)
```
#936f6c
```
#936f6c rgb(147,111,108)
```
#9d6662
```
#9d6662 rgb(157,102,98)
```
#a65e59
```
#a65e59 rgb(166,94,89)
```
#b0554f
```
#b0554f rgb(176,85,79)
```
#ba4d45
```
#ba4d45 rgb(186,77,69)
```
#c4453b
```
#c4453b rgb(196,69,59)
```
#ce3c31
```
#ce3c31 rgb(206,60,49)
```
#d73428
```
#d73428 rgb(215,52,40)
```
#e12b1e
```
#e12b1e rgb(225,43,30)
```
#eb2314
```
#eb2314 rgb(235,35,20)
```
#f51a0a
```
#f51a0a rgb(245,26,10)
```
#ff1200
```
#ff1200 rgb(255,18,0)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7c6765 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f775a Protanopia 1% of men
#907248 Deuteranopia 1% of men
#be5459 Tritanopia 0.001% of the population

Trichromacy

#946752 Protanomaly 1% of men, 0.01% of women
#9f6446 Deuteranomaly 6% of men, 0.4% of women
#bc5152 Tritanomaly 0.01% of the population

#ba4d45 hex color

#ba4d45 Color Information

#ba4d45 Color Conversion

Color Schemes with #ba4d45

Alternatives to #ba4d45

#ba4d45 Preview

Shades and Tints of #ba4d45

Tones of #ba4d45

Color Blindness Simulator