#ba504c hex color

In a RGB color space, hex #ba504c is composed of 72.9% red, 31.4% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57% magenta, 59.1% yellow and 27.1% black. It has a hue angle of 2.2 degrees, a saturation of 44.4% and a lightness of 51.4%. #ba504c color hex could be obtained by blending #ffa098 with #750000. Closest websafe color is: #cc6633.

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

● #ba504c color description : Moderate red.

The hexadecimal color #ba504c has RGB values of R:186, G:80, B:76 and CMYK values of C:0, M:0.57, Y:0.59, K:0.27. Its decimal value is 12210252.

Hex triplet	ba504c	`#ba504c`
RGB Decimal	186, 80, 76	`rgb(186,80,76)`
RGB Percent	72.9, 31.4, 29.8	`rgb(72.9%,31.4%,29.8%)`
CMYK	0, 57, 59, 27
HSL	2.2°, 44.4, 51.4	`hsl(2.2,44.4%,51.4%)`
HSV (or HSB)	2.2°, 59.1, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.88, 42.531, 23.751
XYZ	24.424, 16.701, 8.774
xyY	0.489, 0.335, 16.701
CIE-LCH	47.88, 48.714, 29.181
CIE-LUV	47.88, 78.709, 19.042
Hunter-Lab	40.866, 35.164, 15.876
Binary	10111010, 01010000, 01001100

#ba504c
```
#ba504c rgb(186,80,76)
```
#4cb6ba
```
#4cb6ba rgb(76,182,186)
```

Complementary Color

#ba4c7f
```
#ba4c7f rgb(186,76,127)
```
#ba504c
```
#ba504c rgb(186,80,76)
```
#ba874c
```
#ba874c rgb(186,135,76)
```

Analogous Color

#4c7fba
```
#4c7fba rgb(76,127,186)
```
#ba504c
```
#ba504c rgb(186,80,76)
```
#4cba87
```
#4cba87 rgb(76,186,135)
```

Split Complementary Color

#504cba
```
#504cba rgb(80,76,186)
```
#ba504c
```
#ba504c rgb(186,80,76)
```
#4cba50
```
#4cba50 rgb(76,186,80)
```

Triadic Color

#ba4cb6
```
#ba4cb6 rgb(186,76,182)
```
#ba504c
```
#ba504c rgb(186,80,76)
```
#4cba50
```
#4cba50 rgb(76,186,80)
```
#4cb6ba
```
#4cb6ba rgb(76,182,186)
```

Tetradic Color

#863734
```
#863734 rgb(134,55,52)
```
#983e3b
```
#983e3b rgb(152,62,59)
```
#ab4642
```
#ab4642 rgb(171,70,66)
```
#ba504c
```
#ba504c rgb(186,80,76)
```
#c1625e
```
#c1625e rgb(193,98,94)
```
#c87471
```
#c87471 rgb(200,116,113)
```
#cf8683
```
#cf8683 rgb(207,134,131)
```

Monochromatic Color

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

#ba4c64
```
#ba4c64 rgb(186,76,100)
```
#ba4c5a
```
#ba4c5a rgb(186,76,90)
```
#ba4c51
```
#ba4c51 rgb(186,76,81)
```
#ba504c
```
#ba504c rgb(186,80,76)
```
#ba594c
```
#ba594c rgb(186,89,76)
```
#ba624c
```
#ba624c rgb(186,98,76)
```
#ba6c4c
```
#ba6c4c rgb(186,108,76)
```

Similar Colors

Text with hexadecimal color #ba504c

This text has a font color of #ba504c.

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

#ba504c background color

This paragraph has a background color of #ba504c.

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

#ba504c border color

This element has a border color of #ba504c.

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

CSS codes

.text {color:#ba504c;}

.background {background-color:#ba504c;}

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

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

#050202
```
#050202 rgb(5,2,2)
```
#130807
```
#130807 rgb(19,8,7)
```
#210e0d
```
#210e0d rgb(33,14,13)
```
#301312
```
#301312 rgb(48,19,18)
```
#3e1918
```
#3e1918 rgb(62,25,24)
```
#4c1f1d
```
#4c1f1d rgb(76,31,29)
```
#5a2523
```
#5a2523 rgb(90,37,35)
```
#682a28
```
#682a28 rgb(104,42,40)
```
#76302e
```
#76302e rgb(118,48,46)
```
#843633
```
#843633 rgb(132,54,51)
```
#933c39
```
#933c39 rgb(147,60,57)
```
#a1423e
```
#a1423e rgb(161,66,62)
```
#af4743
```
#af4743 rgb(175,71,67)
```

Shade Color Variation

#ba504c
```
#ba504c rgb(186,80,76)
```
#bf5e5a
```
#bf5e5a rgb(191,94,90)
```
#c56c68
```
#c56c68 rgb(197,108,104)
```
#ca7a76
```
#ca7a76 rgb(202,122,118)
```
#d08785
```
#d08785 rgb(208,135,133)
```
#d59593
```
#d59593 rgb(213,149,147)
```
#dba3a1
```
#dba3a1 rgb(219,163,161)
```
#e0b1af
```
#e0b1af rgb(224,177,175)
```
#e6bfbd
```
#e6bfbd rgb(230,191,189)
```
#ebcdcb
```
#ebcdcb rgb(235,205,203)
```
#f1dada
```
#f1dada rgb(241,218,218)
```
#f6e8e8
```
#f6e8e8 rgb(246,232,232)
```
#fbf6f6
```
#fbf6f6 rgb(251,246,246)
```

Tint Color Variation

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

#8a7c7c
```
#8a7c7c rgb(138,124,124)
```
#947372
```
#947372 rgb(148,115,114)
```
#9d6b69
```
#9d6b69 rgb(157,107,105)
```
#a7625f
```
#a7625f rgb(167,98,95)
```
#b05956
```
#b05956 rgb(176,89,86)
```
#ba504c
```
#ba504c rgb(186,80,76)
```
#c44742
```
#c44742 rgb(196,71,66)
```
#cd3e39
```
#cd3e39 rgb(205,62,57)
```
#d7352f
```
#d7352f rgb(215,53,47)
```
#e02d26
```
#e02d26 rgb(224,45,38)
```
#ea241c
```
#ea241c rgb(234,36,28)
```
#f31b13
```
#f31b13 rgb(243,27,19)
```
#fd1209
```
#fd1209 rgb(253,18,9)
```

Tone Color Variation

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

#807861 Protanopia 1% of men
#90734e Deuteranopia 1% of men
#be575d Tritanopia 0.001% of the population

Trichromacy

#956959 Protanomaly 1% of men, 0.01% of women
#9f664d Deuteranomaly 6% of men, 0.4% of women
#bc5556 Tritanomaly 0.01% of the population

#ba504c hex color

#ba504c Color Information

#ba504c Color Conversion

Color Schemes with #ba504c

Alternatives to #ba504c

#ba504c Preview

Shades and Tints of #ba504c

Tones of #ba504c

Color Blindness Simulator