#ba5856 hex color

In a RGB color space, hex #ba5856 is composed of 72.9% red, 34.5% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.7% magenta, 53.8% yellow and 27.1% black. It has a hue angle of 1.2 degrees, a saturation of 42% and a lightness of 53.3%. #ba5856 color hex could be obtained by blending #ffb0ac with #750000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 35
- B 34
RGB color chart
- C 0
- M 53
- Y 54
- K 27
CMYK color chart

● #ba5856 color description : Moderate red.

The hexadecimal color #ba5856 has RGB values of R:186, G:88, B:86 and CMYK values of C:0, M:0.53, Y:0.54, K:0.27. Its decimal value is 12212310.

Hex triplet	ba5856	`#ba5856`
RGB Decimal	186, 88, 86	`rgb(186,88,86)`
RGB Percent	72.9, 34.5, 33.7	`rgb(72.9%,34.5%,33.7%)`
CMYK	0, 53, 54, 27
HSL	1.2°, 42, 53.3	`hsl(1.2,42%,53.3%)`
HSV (or HSB)	1.2°, 53.8, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	49.608, 39.348, 20.091
XYZ	25.42, 18.093, 10.957
xyY	0.467, 0.332, 18.093
CIE-LCH	49.608, 44.18, 27.048
CIE-LUV	49.608, 71.312, 16.495
Hunter-Lab	42.535, 32.237, 14.502
Binary	10111010, 01011000, 01010110

#ba5856
```
#ba5856 rgb(186,88,86)
```
#56b8ba
```
#56b8ba rgb(86,184,186)
```

Complementary Color

#ba5686
```
#ba5686 rgb(186,86,134)
```
#ba5856
```
#ba5856 rgb(186,88,86)
```
#ba8a56
```
#ba8a56 rgb(186,138,86)
```

Analogous Color

#5686ba
```
#5686ba rgb(86,134,186)
```
#ba5856
```
#ba5856 rgb(186,88,86)
```
#56ba8a
```
#56ba8a rgb(86,186,138)
```

Split Complementary Color

#5856ba
```
#5856ba rgb(88,86,186)
```
#ba5856
```
#ba5856 rgb(186,88,86)
```
#56ba58
```
#56ba58 rgb(86,186,88)
```

Triadic Color

#ba56b8
```
#ba56b8 rgb(186,86,184)
```
#ba5856
```
#ba5856 rgb(186,88,86)
```
#56ba58
```
#56ba58 rgb(86,186,88)
```
#56b8ba
```
#56b8ba rgb(86,184,186)
```

Tetradic Color

#8b3a39
```
#8b3a39 rgb(139,58,57)
```
#9d4240
```
#9d4240 rgb(157,66,64)
```
#af4a47
```
#af4a47 rgb(175,74,71)
```
#ba5856
```
#ba5856 rgb(186,88,86)
```
#c16a68
```
#c16a68 rgb(193,106,104)
```
#c97c7a
```
#c97c7a rgb(201,124,122)
```
#d08e8c
```
#d08e8c rgb(208,142,140)
```

Monochromatic Color

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

#ba566d
```
#ba566d rgb(186,86,109)
```
#ba5665
```
#ba5665 rgb(186,86,101)
```
#ba565c
```
#ba565c rgb(186,86,92)
```
#ba5856
```
#ba5856 rgb(186,88,86)
```
#ba6056
```
#ba6056 rgb(186,96,86)
```
#ba6956
```
#ba6956 rgb(186,105,86)
```
#ba7156
```
#ba7156 rgb(186,113,86)
```

Similar Colors

Text with hexadecimal color #ba5856

This text has a font color of #ba5856.

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

#ba5856 background color

This paragraph has a background color of #ba5856.

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

#ba5856 border color

This element has a border color of #ba5856.

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

CSS codes

.text {color:#ba5856;}

.background {background-color:#ba5856;}

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

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

#0c0505
```
#0c0505 rgb(12,5,5)
```
#1a0b0b
```
#1a0b0b rgb(26,11,11)
```
#281110
```
#281110 rgb(40,17,16)
```
#361716
```
#361716 rgb(54,23,22)
```
#441c1c
```
#441c1c rgb(68,28,28)
```
#522221
```
#522221 rgb(82,34,33)
```
#602827
```
#602827 rgb(96,40,39)
```
#6e2e2d
```
#6e2e2d rgb(110,46,45)
```
#7c3432
```
#7c3432 rgb(124,52,50)
```
#893a38
```
#893a38 rgb(137,58,56)
```
#97403e
```
#97403e rgb(151,64,62)
```
#a54543
```
#a54543 rgb(165,69,67)
```
#b34b49
```
#b34b49 rgb(179,75,73)
```

Shade Color Variation

#ba5856
```
#ba5856 rgb(186,88,86)
```
#c06664
```
#c06664 rgb(192,102,100)
```
#c57472
```
#c57472 rgb(197,116,114)
```
#cb8180
```
#cb8180 rgb(203,129,128)
```
#d18f8e
```
#d18f8e rgb(209,143,142)
```
#d69d9c
```
#d69d9c rgb(214,157,156)
```
#dcabaa
```
#dcabaa rgb(220,171,170)
```
#e2b8b8
```
#e2b8b8 rgb(226,184,184)
```
#e7c6c5
```
#e7c6c5 rgb(231,198,197)
```
#edd4d3
```
#edd4d3 rgb(237,212,211)
```
#f3e2e1
```
#f3e2e1 rgb(243,226,225)
```
#f9efef
```
#f9efef rgb(249,239,239)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#8c8484
```
#8c8484 rgb(140,132,132)
```
#957b7b
```
#957b7b rgb(149,123,123)
```
#9f7271
```
#9f7271 rgb(159,114,113)
```
#a86a68
```
#a86a68 rgb(168,106,104)
```
#b1615f
```
#b1615f rgb(177,97,95)
```
#ba5856
```
#ba5856 rgb(186,88,86)
```
#c34f4d
```
#c34f4d rgb(195,79,77)
```
#cc4644
```
#cc4644 rgb(204,70,68)
```
#d53e3b
```
#d53e3b rgb(213,62,59)
```
#df3531
```
#df3531 rgb(223,53,49)
```
#e82c28
```
#e82c28 rgb(232,44,40)
```
#f1231f
```
#f1231f rgb(241,35,31)
```
#fa1a16
```
#fa1a16 rgb(250,26,22)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#836f6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#837c6a Protanopia 1% of men
#947859 Deuteranopia 1% of men
#be5f65 Tritanopia 0.001% of the population

Trichromacy

#976f63 Protanomaly 1% of men, 0.01% of women
#a16c57 Deuteranomaly 6% of men, 0.4% of women
#bc5c5f Tritanomaly 0.01% of the population

#ba5856 hex color

#ba5856 Color Information

#ba5856 Color Conversion

Color Schemes with #ba5856

Alternatives to #ba5856

#ba5856 Preview

Shades and Tints of #ba5856

Tones of #ba5856

Color Blindness Simulator