#ba474a hex color

In a RGB color space, hex #ba474a is composed of 72.9% red, 27.8% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.8% magenta, 60.2% yellow and 27.1% black. It has a hue angle of 358.4 degrees, a saturation of 45.5% and a lightness of 50.4%. #ba474a color hex could be obtained by blending #ff8e94 with #750000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 28
- B 29
RGB color chart
- C 0
- M 62
- Y 60
- K 27
CMYK color chart

● #ba474a color description : Moderate red.

The hexadecimal color #ba474a has RGB values of R:186, G:71, B:74 and CMYK values of C:0, M:0.62, Y:0.6, K:0.27. Its decimal value is 12207946.

Hex triplet	ba474a	`#ba474a`
RGB Decimal	186, 71, 74	`rgb(186,71,74)`
RGB Percent	72.9, 27.8, 29	`rgb(72.9%,27.8%,29%)`
CMYK	0, 62, 60, 27
HSL	358.4°, 45.5, 50.4	`hsl(358.4,45.5%,50.4%)`
HSV (or HSB)	358.4°, 61.8, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.234, 46.632, 22.811
XYZ	23.74, 15.442, 8.209
xyY	0.501, 0.326, 15.442
CIE-LCH	46.234, 51.912, 26.066
CIE-LUV	46.234, 84.926, 16.843
Hunter-Lab	39.297, 39.065, 15.123
Binary	10111010, 01000111, 01001010

#ba474a
```
#ba474a rgb(186,71,74)
```
#47bab7
```
#47bab7 rgb(71,186,183)
```

Complementary Color

#ba4784
```
#ba4784 rgb(186,71,132)
```
#ba474a
```
#ba474a rgb(186,71,74)
```
#ba7e47
```
#ba7e47 rgb(186,126,71)
```

Analogous Color

#4784ba
```
#4784ba rgb(71,132,186)
```
#ba474a
```
#ba474a rgb(186,71,74)
```
#47ba7e
```
#47ba7e rgb(71,186,126)
```

Split Complementary Color

#474aba
```
#474aba rgb(71,74,186)
```
#ba474a
```
#ba474a rgb(186,71,74)
```
#4aba47
```
#4aba47 rgb(74,186,71)
```

Triadic Color

#b747ba
```
#b747ba rgb(183,71,186)
```
#ba474a
```
#ba474a rgb(186,71,74)
```
#4aba47
```
#4aba47 rgb(74,186,71)
```
#47bab7
```
#47bab7 rgb(71,186,183)
```

Tetradic Color

#833133
```
#833133 rgb(131,49,51)
```
#96383b
```
#96383b rgb(150,56,59)
```
#a83f42
```
#a83f42 rgb(168,63,66)
```
#ba474a
```
#ba474a rgb(186,71,74)
```
#c15a5c
```
#c15a5c rgb(193,90,92)
```
#c86c6e
```
#c86c6e rgb(200,108,110)
```
#cf7f81
```
#cf7f81 rgb(207,127,129)
```

Monochromatic Color

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

#ba4767
```
#ba4767 rgb(186,71,103)
```
#ba475d
```
#ba475d rgb(186,71,93)
```
#ba4754
```
#ba4754 rgb(186,71,84)
```
#ba474a
```
#ba474a rgb(186,71,74)
```
#ba4e47
```
#ba4e47 rgb(186,78,71)
```
#ba5747
```
#ba5747 rgb(186,87,71)
```
#ba6147
```
#ba6147 rgb(186,97,71)
```

Similar Colors

Text with hexadecimal color #ba474a

This text has a font color of #ba474a.

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

#ba474a background color

This paragraph has a background color of #ba474a.

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

#ba474a border color

This element has a border color of #ba474a.

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

CSS codes

.text {color:#ba474a;}

.background {background-color:#ba474a;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#100606
```
#100606 rgb(16,6,6)
```
#1e0b0c
```
#1e0b0c rgb(30,11,12)
```
#2c1111
```
#2c1111 rgb(44,17,17)
```
#3b1617
```
#3b1617 rgb(59,22,23)
```
#491b1c
```
#491b1c rgb(73,27,28)
```
#572122
```
#572122 rgb(87,33,34)
```
#652628
```
#652628 rgb(101,38,40)
```
#742b2d
```
#742b2d rgb(116,43,45)
```
#823133
```
#823133 rgb(130,49,51)
```
#903638
```
#903638 rgb(144,54,56)
```
#9e3b3e
```
#9e3b3e rgb(158,59,62)
```
#ad4144
```
#ad4144 rgb(173,65,68)
```

Shade Color Variation

#ba474a
```
#ba474a rgb(186,71,74)
```
#bf5558
```
#bf5558 rgb(191,85,88)
```
#c56466
```
#c56466 rgb(197,100,102)
```
#ca7274
```
#ca7274 rgb(202,114,116)
```
#cf8082
```
#cf8082 rgb(207,128,130)
```
#d58e90
```
#d58e90 rgb(213,142,144)
```
#da9d9e
```
#da9d9e rgb(218,157,158)
```
#dfabac
```
#dfabac rgb(223,171,172)
```
#e5b9ba
```
#e5b9ba rgb(229,185,186)
```
#eac7c8
```
#eac7c8 rgb(234,199,200)
```
#efd6d6
```
#efd6d6 rgb(239,214,214)
```
#f5e4e4
```
#f5e4e4 rgb(245,228,228)
```
#faf2f2
```
#faf2f2 rgb(250,242,242)
```

Tint Color Variation

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

#897878
```
#897878 rgb(137,120,120)
```
#936e6f
```
#936e6f rgb(147,110,111)
```
#9d6466
```
#9d6466 rgb(157,100,102)
```
#a75a5c
```
#a75a5c rgb(167,90,92)
```
#b05153
```
#b05153 rgb(176,81,83)
```
#ba474a
```
#ba474a rgb(186,71,74)
```
#c43d41
```
#c43d41 rgb(196,61,65)
```
#cd3438
```
#cd3438 rgb(205,52,56)
```
#d72a2e
```
#d72a2e rgb(215,42,46)
```
#e12025
```
#e12025 rgb(225,32,37)
```
#eb161c
```
#eb161c rgb(235,22,28)
```
#f40d13
```
#f40d13 rgb(244,13,19)
```
#fe0309
```
#fe0309 rgb(254,3,9)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7a6364 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7461 Protanopia 1% of men
#8c704c Deuteranopia 1% of men
#bd5054 Tritanopia 0.001% of the population

Trichromacy

#926459 Protanomaly 1% of men, 0.01% of women
#9c614b Deuteranomaly 6% of men, 0.4% of women
#bc4c50 Tritanomaly 0.01% of the population

#ba474a hex color

#ba474a Color Information

#ba474a Color Conversion

Color Schemes with #ba474a

Alternatives to #ba474a

#ba474a Preview

Shades and Tints of #ba474a

Tones of #ba474a

Color Blindness Simulator