#ba504a hex color

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

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

● #ba504a color description : Moderate red.

The hexadecimal color #ba504a has RGB values of R:186, G:80, B:74 and CMYK values of C:0, M:0.57, Y:0.6, K:0.27. Its decimal value is 12210250.

Hex triplet	ba504a	`#ba504a`
RGB Decimal	186, 80, 74	`rgb(186,80,74)`
RGB Percent	72.9, 31.4, 29	`rgb(72.9%,31.4%,29%)`
CMYK	0, 57, 60, 27
HSL	3.2°, 44.8, 51	`hsl(3.2,44.8%,51%)`
HSV (or HSB)	3.2°, 60.2, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.846, 42.384, 24.891
XYZ	24.355, 16.673, 8.414
xyY	0.493, 0.337, 16.673
CIE-LCH	47.846, 49.153, 30.424
CIE-LUV	47.846, 79.134, 20.133
Hunter-Lab	40.833, 35.011, 16.366
Binary	10111010, 01010000, 01001010

#ba504a
```
#ba504a rgb(186,80,74)
```
#4ab4ba
```
#4ab4ba rgb(74,180,186)
```

Complementary Color

#ba4a7c
```
#ba4a7c rgb(186,74,124)
```
#ba504a
```
#ba504a rgb(186,80,74)
```
#ba884a
```
#ba884a rgb(186,136,74)
```

Analogous Color

#4a7cba
```
#4a7cba rgb(74,124,186)
```
#ba504a
```
#ba504a rgb(186,80,74)
```
#4aba88
```
#4aba88 rgb(74,186,136)
```

Split Complementary Color

#504aba
```
#504aba rgb(80,74,186)
```
#ba504a
```
#ba504a rgb(186,80,74)
```
#4aba50
```
#4aba50 rgb(74,186,80)
```

Triadic Color

#ba4ab4
```
#ba4ab4 rgb(186,74,180)
```
#ba504a
```
#ba504a rgb(186,80,74)
```
#4aba50
```
#4aba50 rgb(74,186,80)
```
#4ab4ba
```
#4ab4ba rgb(74,180,186)
```

Tetradic Color

#853733
```
#853733 rgb(133,55,51)
```
#973f3a
```
#973f3a rgb(151,63,58)
```
#aa4641
```
#aa4641 rgb(170,70,65)
```
#ba504a
```
#ba504a rgb(186,80,74)
```
#c1625c
```
#c1625c rgb(193,98,92)
```
#c8746f
```
#c8746f rgb(200,116,111)
```
#cf8681
```
#cf8681 rgb(207,134,129)
```

Monochromatic Color

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

#ba4a60
```
#ba4a60 rgb(186,74,96)
```
#ba4a57
```
#ba4a57 rgb(186,74,87)
```
#ba4a4d
```
#ba4a4d rgb(186,74,77)
```
#ba504a
```
#ba504a rgb(186,80,74)
```
#ba594a
```
#ba594a rgb(186,89,74)
```
#ba634a
```
#ba634a rgb(186,99,74)
```
#ba6c4a
```
#ba6c4a rgb(186,108,74)
```

Similar Colors

Text with hexadecimal color #ba504a

This text has a font color of #ba504a.

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

#ba504a background color

This paragraph has a background color of #ba504a.

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

#ba504a border color

This element has a border color of #ba504a.

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

CSS codes

.text {color:#ba504a;}

.background {background-color:#ba504a;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#120707
```
#120707 rgb(18,7,7)
```
#200d0c
```
#200d0c rgb(32,13,12)
```
#2e1312
```
#2e1312 rgb(46,19,18)
```
#3c1917
```
#3c1917 rgb(60,25,23)
```
#4b1f1c
```
#4b1f1c rgb(75,31,28)
```
#592522
```
#592522 rgb(89,37,34)
```
#672b27
```
#672b27 rgb(103,43,39)
```
#75312d
```
#75312d rgb(117,49,45)
```
#833632
```
#833632 rgb(131,54,50)
```
#923c38
```
#923c38 rgb(146,60,56)
```
#a0423d
```
#a0423d rgb(160,66,61)
```
#ae4842
```
#ae4842 rgb(174,72,66)
```

Shade Color Variation

#ba504a
```
#ba504a rgb(186,80,74)
```
#bf5e58
```
#bf5e58 rgb(191,94,88)
```
#c56b66
```
#c56b66 rgb(197,107,102)
```
#ca7975
```
#ca7975 rgb(202,121,117)
```
#d08783
```
#d08783 rgb(208,135,131)
```
#d59591
```
#d59591 rgb(213,149,145)
```
#daa29f
```
#daa29f rgb(218,162,159)
```
#e0b0ad
```
#e0b0ad rgb(224,176,173)
```
#e5bebc
```
#e5bebc rgb(229,190,188)
```
#ebccca
```
#ebccca rgb(235,204,202)
```
#f0d9d8
```
#f0d9d8 rgb(240,217,216)
```
#f6e7e6
```
#f6e7e6 rgb(246,231,230)
```
#fbf5f4
```
#fbf5f4 rgb(251,245,244)
```

Tint Color Variation

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

#8a7b7a
```
#8a7b7a rgb(138,123,122)
```
#947270
```
#947270 rgb(148,114,112)
```
#9d6a67
```
#9d6a67 rgb(157,106,103)
```
#a7615d
```
#a7615d rgb(167,97,93)
```
#b05954
```
#b05954 rgb(176,89,84)
```
#ba504a
```
#ba504a rgb(186,80,74)
```
#c44740
```
#c44740 rgb(196,71,64)
```
#cd3f37
```
#cd3f37 rgb(205,63,55)
```
#d7362d
```
#d7362d rgb(215,54,45)
```
#e02e24
```
#e02e24 rgb(224,46,36)
```
#ea251a
```
#ea251a rgb(234,37,26)
```
#f41c10
```
#f41c10 rgb(244,28,16)
```
#fd1407
```
#fd1407 rgb(253,20,7)
```

Tone Color Variation

Below, you can see how #ba504a 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
#7e6968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80785f Protanopia 1% of men
#91734d Deuteranopia 1% of men
#be575c Tritanopia 0.001% of the population

Trichromacy

#956957 Protanomaly 1% of men, 0.01% of women
#a0664b Deuteranomaly 6% of men, 0.4% of women
#bc5456 Tritanomaly 0.01% of the population

#ba504a hex color

#ba504a Color Information

#ba504a Color Conversion

Color Schemes with #ba504a

Alternatives to #ba504a

#ba504a Preview

Shades and Tints of #ba504a

Tones of #ba504a

Color Blindness Simulator