#ba504b hex color

In a RGB color space, hex #ba504b is composed of 72.9% red, 31.4% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57% magenta, 59.7% yellow and 27.1% black. It has a hue angle of 2.7 degrees, a saturation of 44.6% and a lightness of 51.2%. #ba504b color hex could be obtained by blending #ffa096 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

● #ba504b color description : Moderate red.

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

Hex triplet	ba504b	`#ba504b`
RGB Decimal	186, 80, 75	`rgb(186,80,75)`
RGB Percent	72.9, 31.4, 29.4	`rgb(72.9%,31.4%,29.4%)`
CMYK	0, 57, 60, 27
HSL	2.7°, 44.6, 51.2	`hsl(2.7,44.6%,51.2%)`
HSV (or HSB)	2.7°, 59.7, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.863, 42.457, 24.322
XYZ	24.389, 16.687, 8.593
xyY	0.491, 0.336, 16.687
CIE-LCH	47.863, 48.93, 29.806
CIE-LUV	47.863, 78.923, 19.591
Hunter-Lab	40.849, 35.087, 16.123
Binary	10111010, 01010000, 01001011

#ba504b
```
#ba504b rgb(186,80,75)
```
#4bb5ba
```
#4bb5ba rgb(75,181,186)
```

Complementary Color

#ba4b7e
```
#ba4b7e rgb(186,75,126)
```
#ba504b
```
#ba504b rgb(186,80,75)
```
#ba884b
```
#ba884b rgb(186,136,75)
```

Analogous Color

#4b7eba
```
#4b7eba rgb(75,126,186)
```
#ba504b
```
#ba504b rgb(186,80,75)
```
#4bba88
```
#4bba88 rgb(75,186,136)
```

Split Complementary Color

#504bba
```
#504bba rgb(80,75,186)
```
#ba504b
```
#ba504b rgb(186,80,75)
```
#4bba50
```
#4bba50 rgb(75,186,80)
```

Triadic Color

#ba4bb5
```
#ba4bb5 rgb(186,75,181)
```
#ba504b
```
#ba504b rgb(186,80,75)
```
#4bba50
```
#4bba50 rgb(75,186,80)
```
#4bb5ba
```
#4bb5ba rgb(75,181,186)
```

Tetradic Color

#853733
```
#853733 rgb(133,55,51)
```
#983e3a
```
#983e3a rgb(152,62,58)
```
#aa4641
```
#aa4641 rgb(170,70,65)
```
#ba504b
```
#ba504b rgb(186,80,75)
```
#c1625d
```
#c1625d rgb(193,98,93)
```
#c87470
```
#c87470 rgb(200,116,112)
```
#cf8682
```
#cf8682 rgb(207,134,130)
```

Monochromatic Color

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

#ba4b62
```
#ba4b62 rgb(186,75,98)
```
#ba4b59
```
#ba4b59 rgb(186,75,89)
```
#ba4b4f
```
#ba4b4f rgb(186,75,79)
```
#ba504b
```
#ba504b rgb(186,80,75)
```
#ba594b
```
#ba594b rgb(186,89,75)
```
#ba624b
```
#ba624b rgb(186,98,75)
```
#ba6c4b
```
#ba6c4b rgb(186,108,75)
```

Similar Colors

Text with hexadecimal color #ba504b

This text has a font color of #ba504b.

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

#ba504b background color

This paragraph has a background color of #ba504b.

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

#ba504b border color

This element has a border color of #ba504b.

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

CSS codes

.text {color:#ba504b;}

.background {background-color:#ba504b;}

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

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

#040202
```
#040202 rgb(4,2,2)
```
#130807
```
#130807 rgb(19,8,7)
```
#210d0d
```
#210d0d rgb(33,13,13)
```
#2f1312
```
#2f1312 rgb(47,19,18)
```
#3d1917
```
#3d1917 rgb(61,25,23)
```
#4b1f1d
```
#4b1f1d rgb(75,31,29)
```
#592522
```
#592522 rgb(89,37,34)
```
#682b28
```
#682b28 rgb(104,43,40)
```
#76302d
```
#76302d rgb(118,48,45)
```
#843633
```
#843633 rgb(132,54,51)
```
#923c38
```
#923c38 rgb(146,60,56)
```
#a0423d
```
#a0423d rgb(160,66,61)
```
#ae4843
```
#ae4843 rgb(174,72,67)
```

Shade Color Variation

#ba504b
```
#ba504b rgb(186,80,75)
```
#bf5e59
```
#bf5e59 rgb(191,94,89)
```
#c56c67
```
#c56c67 rgb(197,108,103)
```
#ca7976
```
#ca7976 rgb(202,121,118)
```
#d08784
```
#d08784 rgb(208,135,132)
```
#d59592
```
#d59592 rgb(213,149,146)
```
#dba3a0
```
#dba3a0 rgb(219,163,160)
```
#e0b1ae
```
#e0b1ae rgb(224,177,174)
```
#e5bebc
```
#e5bebc rgb(229,190,188)
```
#ebcccb
```
#ebcccb rgb(235,204,203)
```
#f0dad9
```
#f0dad9 rgb(240,218,217)
```
#f6e8e7
```
#f6e8e7 rgb(246,232,231)
```
#fbf5f5
```
#fbf5f5 rgb(251,245,245)
```

Tint Color Variation

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

#8a7c7b
```
#8a7c7b rgb(138,124,123)
```
#947371
```
#947371 rgb(148,115,113)
```
#9d6a68
```
#9d6a68 rgb(157,106,104)
```
#a7615e
```
#a7615e rgb(167,97,94)
```
#b05955
```
#b05955 rgb(176,89,85)
```
#ba504b
```
#ba504b rgb(186,80,75)
```
#c44741
```
#c44741 rgb(196,71,65)
```
#cd3f38
```
#cd3f38 rgb(205,63,56)
```
#d7362e
```
#d7362e rgb(215,54,46)
```
#e02d25
```
#e02d25 rgb(224,45,37)
```
#ea241b
```
#ea241b rgb(234,36,27)
```
#f31c12
```
#f31c12 rgb(243,28,18)
```
#fd1308
```
#fd1308 rgb(253,19,8)
```

Tone Color Variation

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

#807860 Protanopia 1% of men
#91734e Deuteranopia 1% of men
#be575d Tritanopia 0.001% of the population

Trichromacy

#956958 Protanomaly 1% of men, 0.01% of women
#9f664c Deuteranomaly 6% of men, 0.4% of women
#bc5456 Tritanomaly 0.01% of the population

#ba504b hex color

#ba504b Color Information

#ba504b Color Conversion

Color Schemes with #ba504b

Alternatives to #ba504b

#ba504b Preview

Shades and Tints of #ba504b

Tones of #ba504b

Color Blindness Simulator