#ba504e hex color

In a RGB color space, hex #ba504e is composed of 72.9% red, 31.4% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57% magenta, 58.1% yellow and 27.1% black. It has a hue angle of 1.1 degrees, a saturation of 43.9% and a lightness of 51.8%. #ba504e color hex could be obtained by blending #ffa09c with #750000. Closest websafe color is: #cc6666.

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

● #ba504e color description : Moderate red.

The hexadecimal color #ba504e has RGB values of R:186, G:80, B:78 and CMYK values of C:0, M:0.57, Y:0.58, K:0.27. Its decimal value is 12210254.

Hex triplet	ba504e	`#ba504e`
RGB Decimal	186, 80, 78	`rgb(186,80,78)`
RGB Percent	72.9, 31.4, 30.6	`rgb(72.9%,31.4%,30.6%)`
CMYK	0, 57, 58, 27
HSL	1.1°, 43.9, 51.8	`hsl(1.1,43.9%,51.8%)`
HSV (or HSB)	1.1°, 58.1, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	47.916, 42.682, 22.61
XYZ	24.494, 16.729, 9.146
xyY	0.486, 0.332, 16.729
CIE-LCH	47.916, 48.301, 27.911
CIE-LUV	47.916, 78.276, 17.927
Hunter-Lab	40.901, 35.322, 15.372
Binary	10111010, 01010000, 01001110

#ba504e
```
#ba504e rgb(186,80,78)
```
#4eb8ba
```
#4eb8ba rgb(78,184,186)
```

Complementary Color

#ba4e82
```
#ba4e82 rgb(186,78,130)
```
#ba504e
```
#ba504e rgb(186,80,78)
```
#ba864e
```
#ba864e rgb(186,134,78)
```

Analogous Color

#4e82ba
```
#4e82ba rgb(78,130,186)
```
#ba504e
```
#ba504e rgb(186,80,78)
```
#4eba86
```
#4eba86 rgb(78,186,134)
```

Split Complementary Color

#504eba
```
#504eba rgb(80,78,186)
```
#ba504e
```
#ba504e rgb(186,80,78)
```
#4eba50
```
#4eba50 rgb(78,186,80)
```

Triadic Color

#ba4eb8
```
#ba4eb8 rgb(186,78,184)
```
#ba504e
```
#ba504e rgb(186,80,78)
```
#4eba50
```
#4eba50 rgb(78,186,80)
```
#4eb8ba
```
#4eb8ba rgb(78,184,186)
```

Tetradic Color

#873635
```
#873635 rgb(135,54,53)
```
#993d3c
```
#993d3c rgb(153,61,60)
```
#ac4543
```
#ac4543 rgb(172,69,67)
```
#ba504e
```
#ba504e rgb(186,80,78)
```
#c16260
```
#c16260 rgb(193,98,96)
```
#c87473
```
#c87473 rgb(200,116,115)
```
#cf8685
```
#cf8685 rgb(207,134,133)
```

Monochromatic Color

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

#ba4e67
```
#ba4e67 rgb(186,78,103)
```
#ba4e5e
```
#ba4e5e rgb(186,78,94)
```
#ba4e55
```
#ba4e55 rgb(186,78,85)
```
#ba504e
```
#ba504e rgb(186,80,78)
```
#ba594e
```
#ba594e rgb(186,89,78)
```
#ba624e
```
#ba624e rgb(186,98,78)
```
#ba6b4e
```
#ba6b4e rgb(186,107,78)
```

Similar Colors

Text with hexadecimal color #ba504e

This text has a font color of #ba504e.

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

#ba504e background color

This paragraph has a background color of #ba504e.

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

#ba504e border color

This element has a border color of #ba504e.

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

CSS codes

.text {color:#ba504e;}

.background {background-color:#ba504e;}

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

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

#060303
```
#060303 rgb(6,3,3)
```
#150808
```
#150808 rgb(21,8,8)
```
#230e0e
```
#230e0e rgb(35,14,14)
```
#311413
```
#311413 rgb(49,20,19)
```
#3f1919
```
#3f1919 rgb(63,25,25)
```
#4d1f1e
```
#4d1f1e rgb(77,31,30)
```
#5b2524
```
#5b2524 rgb(91,37,36)
```
#692a29
```
#692a29 rgb(105,42,41)
```
#77302f
```
#77302f rgb(119,48,47)
```
#853634
```
#853634 rgb(133,54,52)
```
#943b3a
```
#943b3a rgb(148,59,58)
```
#a2413f
```
#a2413f rgb(162,65,63)
```
#b04745
```
#b04745 rgb(176,71,69)
```

Shade Color Variation

#ba504e
```
#ba504e rgb(186,80,78)
```
#c05e5c
```
#c05e5c rgb(192,94,92)
```
#c56c6a
```
#c56c6a rgb(197,108,106)
```
#cb7a78
```
#cb7a78 rgb(203,122,120)
```
#d08886
```
#d08886 rgb(208,136,134)
```
#d69695
```
#d69695 rgb(214,150,149)
```
#dba4a3
```
#dba4a3 rgb(219,164,163)
```
#e1b2b1
```
#e1b2b1 rgb(225,178,177)
```
#e6c0bf
```
#e6c0bf rgb(230,192,191)
```
#eccecd
```
#eccecd rgb(236,206,205)
```
#f1dcdb
```
#f1dcdb rgb(241,220,219)
```
#f7e9e9
```
#f7e9e9 rgb(247,233,233)
```
#fcf7f7
```
#fcf7f7 rgb(252,247,247)
```

Tint Color Variation

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

#8b7e7d
```
#8b7e7d rgb(139,126,125)
```
#947474
```
#947474 rgb(148,116,116)
```
#9e6b6a
```
#9e6b6a rgb(158,107,106)
```
#a76261
```
#a76261 rgb(167,98,97)
```
#b15957
```
#b15957 rgb(177,89,87)
```
#ba504e
```
#ba504e rgb(186,80,78)
```
#c34745
```
#c34745 rgb(195,71,69)
```
#cd3e3b
```
#cd3e3b rgb(205,62,59)
```
#d63532
```
#d63532 rgb(214,53,50)
```
#e02c28
```
#e02c28 rgb(224,44,40)
```
#e9221f
```
#e9221f rgb(233,34,31)
```
#f31915
```
#f31915 rgb(243,25,21)
```
#fc100c
```
#fc100c rgb(252,16,12)
```

Tone Color Variation

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

#7f7863 Protanopia 1% of men
#907450 Deuteranopia 1% of men
#bd585d Tritanopia 0.001% of the population

Trichromacy

#95695b Protanomaly 1% of men, 0.01% of women
#9f664f Deuteranomaly 6% of men, 0.4% of women
#bc5557 Tritanomaly 0.01% of the population

#ba504e hex color

#ba504e Color Information

#ba504e Color Conversion

Color Schemes with #ba504e

Alternatives to #ba504e

#ba504e Preview

Shades and Tints of #ba504e

Tones of #ba504e

Color Blindness Simulator