#ba5b55 hex color

In a RGB color space, hex #ba5b55 is composed of 72.9% red, 35.7% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.1% magenta, 54.3% yellow and 27.1% black. It has a hue angle of 3.6 degrees, a saturation of 42.3% and a lightness of 53.1%. #ba5b55 color hex could be obtained by blending #ffb6aa with #750000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 36
- B 33
RGB color chart
- C 0
- M 51
- Y 54
- K 27
CMYK color chart

● #ba5b55 color description : Moderate red.

The hexadecimal color #ba5b55 has RGB values of R:186, G:91, B:85 and CMYK values of C:0, M:0.51, Y:0.54, K:0.27. Its decimal value is 12213077.

Hex triplet	ba5b55	`#ba5b55`
RGB Decimal	186, 91, 85	`rgb(186,91,85)`
RGB Percent	72.9, 35.7, 33.3	`rgb(72.9%,35.7%,33.3%)`
CMYK	0, 51, 54, 27
HSL	3.6°, 42.3, 53.1	`hsl(3.6,42.3%,53.1%)`
HSV (or HSB)	3.6°, 54.3, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	50.191, 37.725, 21.457
XYZ	25.631, 18.579, 10.83
xyY	0.466, 0.338, 18.579
CIE-LCH	50.191, 43.4, 29.63
CIE-LUV	50.191, 69.527, 18.351
Hunter-Lab	43.104, 30.711, 15.275
Binary	10111010, 01011011, 01010101

#ba5b55
```
#ba5b55 rgb(186,91,85)
```
#55b4ba
```
#55b4ba rgb(85,180,186)
```

Complementary Color

#ba5582
```
#ba5582 rgb(186,85,130)
```
#ba5b55
```
#ba5b55 rgb(186,91,85)
```
#ba8e55
```
#ba8e55 rgb(186,142,85)
```

Analogous Color

#5582ba
```
#5582ba rgb(85,130,186)
```
#ba5b55
```
#ba5b55 rgb(186,91,85)
```
#55ba8e
```
#55ba8e rgb(85,186,142)
```

Split Complementary Color

#5b55ba
```
#5b55ba rgb(91,85,186)
```
#ba5b55
```
#ba5b55 rgb(186,91,85)
```
#55ba5b
```
#55ba5b rgb(85,186,91)
```

Triadic Color

#ba55b4
```
#ba55b4 rgb(186,85,180)
```
#ba5b55
```
#ba5b55 rgb(186,91,85)
```
#55ba5b
```
#55ba5b rgb(85,186,91)
```
#55b4ba
```
#55b4ba rgb(85,180,186)
```

Tetradic Color

#8a3d38
```
#8a3d38 rgb(138,61,56)
```
#9c4540
```
#9c4540 rgb(156,69,64)
```
#af4d47
```
#af4d47 rgb(175,77,71)
```
#ba5b55
```
#ba5b55 rgb(186,91,85)
```
#c16c67
```
#c16c67 rgb(193,108,103)
```
#c97e79
```
#c97e79 rgb(201,126,121)
```
#d08f8b
```
#d08f8b rgb(208,143,139)
```

Monochromatic Color

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

#ba5568
```
#ba5568 rgb(186,85,104)
```
#ba5560
```
#ba5560 rgb(186,85,96)
```
#ba5557
```
#ba5557 rgb(186,85,87)
```
#ba5b55
```
#ba5b55 rgb(186,91,85)
```
#ba6355
```
#ba6355 rgb(186,99,85)
```
#ba6c55
```
#ba6c55 rgb(186,108,85)
```
#ba7455
```
#ba7455 rgb(186,116,85)
```

Similar Colors

Text with hexadecimal color #ba5b55

This text has a font color of #ba5b55.

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

#ba5b55 background color

This paragraph has a background color of #ba5b55.

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

#ba5b55 border color

This element has a border color of #ba5b55.

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

CSS codes

.text {color:#ba5b55;}

.background {background-color:#ba5b55;}

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

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, #0b0505 is the darkest color, while #fefdfc is the lightest one.

#0b0505
```
#0b0505 rgb(11,5,5)
```
#190b0a
```
#190b0a rgb(25,11,10)
```
#271110
```
#271110 rgb(39,17,16)
```
#351716
```
#351716 rgb(53,23,22)
```
#431e1b
```
#431e1b rgb(67,30,27)
```
#512421
```
#512421 rgb(81,36,33)
```
#5f2a27
```
#5f2a27 rgb(95,42,39)
```
#6d302c
```
#6d302c rgb(109,48,44)
```
#7b3632
```
#7b3632 rgb(123,54,50)
```
#893c38
```
#893c38 rgb(137,60,56)
```
#97433d
```
#97433d rgb(151,67,61)
```
#a54943
```
#a54943 rgb(165,73,67)
```
#b34f49
```
#b34f49 rgb(179,79,73)
```

Shade Color Variation

#ba5b55
```
#ba5b55 rgb(186,91,85)
```
#c06863
```
#c06863 rgb(192,104,99)
```
#c57671
```
#c57671 rgb(197,118,113)
```
#cb837f
```
#cb837f rgb(203,131,127)
```
#d1918d
```
#d1918d rgb(209,145,141)
```
#d69e9b
```
#d69e9b rgb(214,158,155)
```
#dcaca9
```
#dcaca9 rgb(220,172,169)
```
#e2b9b7
```
#e2b9b7 rgb(226,185,183)
```
#e7c7c5
```
#e7c7c5 rgb(231,199,197)
```
#edd4d3
```
#edd4d3 rgb(237,212,211)
```
#f3e2e1
```
#f3e2e1 rgb(243,226,225)
```
#f8efee
```
#f8efee rgb(248,239,238)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#8c8483
```
#8c8483 rgb(140,132,131)
```
#957b7a
```
#957b7a rgb(149,123,122)
```
#9e7371
```
#9e7371 rgb(158,115,113)
```
#a86b67
```
#a86b67 rgb(168,107,103)
```
#b1635e
```
#b1635e rgb(177,99,94)
```
#ba5b55
```
#ba5b55 rgb(186,91,85)
```
#c3534c
```
#c3534c rgb(195,83,76)
```
#cc4b43
```
#cc4b43 rgb(204,75,67)
```
#d64339
```
#d64339 rgb(214,67,57)
```
#df3b30
```
#df3b30 rgb(223,59,48)
```
#e83227
```
#e83227 rgb(232,50,39)
```
#f12a1e
```
#f12a1e rgb(241,42,30)
```
#fa2215
```
#fa2215 rgb(250,34,21)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#847170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857e68 Protanopia 1% of men
#967958 Deuteranopia 1% of men
#be6168 Tritanopia 0.001% of the population

Trichromacy

#987161 Protanomaly 1% of men, 0.01% of women
#a36e57 Deuteranomaly 6% of men, 0.4% of women
#bc5f61 Tritanomaly 0.01% of the population

#ba5b55 hex color

#ba5b55 Color Information

#ba5b55 Color Conversion

Color Schemes with #ba5b55

Alternatives to #ba5b55

#ba5b55 Preview

Shades and Tints of #ba5b55

Tones of #ba5b55

Color Blindness Simulator