#ba6a55 hex color

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

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

● #ba6a55 color description : Moderate red.

The hexadecimal color #ba6a55 has RGB values of R:186, G:106, B:85 and CMYK values of C:0, M:0.43, Y:0.54, K:0.27. Its decimal value is 12216917.

Hex triplet	ba6a55	`#ba6a55`
RGB Decimal	186, 106, 85	`rgb(186,106,85)`
RGB Percent	72.9, 41.6, 33.3	`rgb(72.9%,41.6%,33.3%)`
CMYK	0, 43, 54, 27
HSL	12.5°, 42.3, 53.1	`hsl(12.5,42.3%,53.1%)`
HSV (or HSB)	12.5°, 54.3, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.39, 29.767, 25.647
XYZ	27.044, 21.405, 11.301
xyY	0.453, 0.358, 21.405
CIE-LCH	53.39, 39.292, 40.748
CIE-LUV	53.39, 59.222, 24.945
Hunter-Lab	46.266, 23.375, 17.903
Binary	10111010, 01101010, 01010101

#ba6a55
```
#ba6a55 rgb(186,106,85)
```
#55a5ba
```
#55a5ba rgb(85,165,186)
```

Complementary Color

#ba5573
```
#ba5573 rgb(186,85,115)
```
#ba6a55
```
#ba6a55 rgb(186,106,85)
```
#ba9d55
```
#ba9d55 rgb(186,157,85)
```

Analogous Color

#5573ba
```
#5573ba rgb(85,115,186)
```
#ba6a55
```
#ba6a55 rgb(186,106,85)
```
#55ba9d
```
#55ba9d rgb(85,186,157)
```

Split Complementary Color

#6a55ba
```
#6a55ba rgb(106,85,186)
```
#ba6a55
```
#ba6a55 rgb(186,106,85)
```
#55ba6a
```
#55ba6a rgb(85,186,106)
```

Triadic Color

#ba55a5
```
#ba55a5 rgb(186,85,165)
```
#ba6a55
```
#ba6a55 rgb(186,106,85)
```
#55ba6a
```
#55ba6a rgb(85,186,106)
```
#55a5ba
```
#55a5ba rgb(85,165,186)
```

Tetradic Color

#8a4938
```
#8a4938 rgb(138,73,56)
```
#9c5340
```
#9c5340 rgb(156,83,64)
```
#af5c47
```
#af5c47 rgb(175,92,71)
```
#ba6a55
```
#ba6a55 rgb(186,106,85)
```
#c17a67
```
#c17a67 rgb(193,122,103)
```
#c98a79
```
#c98a79 rgb(201,138,121)
```
#d09a8b
```
#d09a8b rgb(208,154,139)
```

Monochromatic Color

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

#ba5559
```
#ba5559 rgb(186,85,89)
```
#ba5955
```
#ba5955 rgb(186,89,85)
```
#ba6255
```
#ba6255 rgb(186,98,85)
```
#ba6a55
```
#ba6a55 rgb(186,106,85)
```
#ba7255
```
#ba7255 rgb(186,114,85)
```
#ba7b55
```
#ba7b55 rgb(186,123,85)
```
#ba8355
```
#ba8355 rgb(186,131,85)
```

Similar Colors

Text with hexadecimal color #ba6a55

This text has a font color of #ba6a55.

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

#ba6a55 background color

This paragraph has a background color of #ba6a55.

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

#ba6a55 border color

This element has a border color of #ba6a55.

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

CSS codes

.text {color:#ba6a55;}

.background {background-color:#ba6a55;}

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

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

#0b0605
```
#0b0605 rgb(11,6,5)
```
#190d0a
```
#190d0a rgb(25,13,10)
```
#271510
```
#271510 rgb(39,21,16)
```
#351c16
```
#351c16 rgb(53,28,22)
```
#43241b
```
#43241b rgb(67,36,27)
```
#512b21
```
#512b21 rgb(81,43,33)
```
#5f3227
```
#5f3227 rgb(95,50,39)
```
#6d3a2c
```
#6d3a2c rgb(109,58,44)
```
#7b4132
```
#7b4132 rgb(123,65,50)
```
#894938
```
#894938 rgb(137,73,56)
```
#97503d
```
#97503d rgb(151,80,61)
```
#a55743
```
#a55743 rgb(165,87,67)
```
#b35f49
```
#b35f49 rgb(179,95,73)
```

Shade Color Variation

#ba6a55
```
#ba6a55 rgb(186,106,85)
```
#c07663
```
#c07663 rgb(192,118,99)
```
#c58271
```
#c58271 rgb(197,130,113)
```
#cb8f7f
```
#cb8f7f rgb(203,143,127)
```
#d19b8d
```
#d19b8d rgb(209,155,141)
```
#d6a79b
```
#d6a79b rgb(214,167,155)
```
#dcb3a9
```
#dcb3a9 rgb(220,179,169)
```
#e2c0b7
```
#e2c0b7 rgb(226,192,183)
```
#e7ccc5
```
#e7ccc5 rgb(231,204,197)
```
#edd8d3
```
#edd8d3 rgb(237,216,211)
```
#f3e4e1
```
#f3e4e1 rgb(243,228,225)
```
#f8f1ee
```
#f8f1ee rgb(248,241,238)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#8c8583
```
#8c8583 rgb(140,133,131)
```
#957f7a
```
#957f7a rgb(149,127,122)
```
#9e7a71
```
#9e7a71 rgb(158,122,113)
```
#a87567
```
#a87567 rgb(168,117,103)
```
#b16f5e
```
#b16f5e rgb(177,111,94)
```
#ba6a55
```
#ba6a55 rgb(186,106,85)
```
#c3654c
```
#c3654c rgb(195,101,76)
```
#cc5f43
```
#cc5f43 rgb(204,95,67)
```
#d65a39
```
#d65a39 rgb(214,90,57)
```
#df5530
```
#df5530 rgb(223,85,48)
```
#e84f27
```
#e84f27 rgb(232,79,39)
```
#f14a1e
```
#f14a1e rgb(241,74,30)
```
#fa4415
```
#fa4415 rgb(250,68,21)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8c7c77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8565 Protanopia 1% of men
#a08059 Deuteranopia 1% of men
#bf6e75 Tritanopia 0.001% of the population

Trichromacy

#9e7b5f Protanomaly 1% of men, 0.01% of women
#a97858 Deuteranomaly 6% of men, 0.4% of women
#bd6c69 Tritanomaly 0.01% of the population

#ba6a55 hex color

#ba6a55 Color Information

#ba6a55 Color Conversion

Color Schemes with #ba6a55

Alternatives to #ba6a55

#ba6a55 Preview

Shades and Tints of #ba6a55

Tones of #ba6a55

Color Blindness Simulator