#ba6f59 hex color

In a RGB color space, hex #ba6f59 is composed of 72.9% red, 43.5% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.3% magenta, 52.2% yellow and 27.1% black. It has a hue angle of 13.6 degrees, a saturation of 41.3% and a lightness of 53.9%. #ba6f59 color hex could be obtained by blending #ffdeb2 with #750000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 44
- B 35
RGB color chart
- C 0
- M 40
- Y 52
- K 27
CMYK color chart

● #ba6f59 color description : Moderate red.

The hexadecimal color #ba6f59 has RGB values of R:186, G:111, B:89 and CMYK values of C:0, M:0.4, Y:0.52, K:0.27. Its decimal value is 12218201.

Hex triplet	ba6f59	`#ba6f59`
RGB Decimal	186, 111, 89	`rgb(186,111,89)`
RGB Percent	72.9, 43.5, 34.9	`rgb(72.9%,43.5%,34.9%)`
CMYK	0, 40, 52, 27
HSL	13.6°, 41.3, 53.9	`hsl(13.6,41.3%,53.9%)`
HSV (or HSB)	13.6°, 52.2, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	54.586, 27.4, 24.917
XYZ	27.738, 22.531, 12.339
xyY	0.443, 0.36, 22.531
CIE-LCH	54.586, 37.036, 42.282
CIE-LUV	54.586, 55.111, 24.971
Hunter-Lab	47.467, 21.241, 17.815
Binary	10111010, 01101111, 01011001

#ba6f59
```
#ba6f59 rgb(186,111,89)
```
#59a4ba
```
#59a4ba rgb(89,164,186)
```

Complementary Color

#ba5974
```
#ba5974 rgb(186,89,116)
```
#ba6f59
```
#ba6f59 rgb(186,111,89)
```
#baa059
```
#baa059 rgb(186,160,89)
```

Analogous Color

#5974ba
```
#5974ba rgb(89,116,186)
```
#ba6f59
```
#ba6f59 rgb(186,111,89)
```
#59baa0
```
#59baa0 rgb(89,186,160)
```

Split Complementary Color

#6f59ba
```
#6f59ba rgb(111,89,186)
```
#ba6f59
```
#ba6f59 rgb(186,111,89)
```
#59ba6f
```
#59ba6f rgb(89,186,111)
```

Triadic Color

#ba59a4
```
#ba59a4 rgb(186,89,164)
```
#ba6f59
```
#ba6f59 rgb(186,111,89)
```
#59ba6f
```
#59ba6f rgb(89,186,111)
```
#59a4ba
```
#59a4ba rgb(89,164,186)
```

Tetradic Color

#8c4d3a
```
#8c4d3a rgb(140,77,58)
```
#9e5742
```
#9e5742 rgb(158,87,66)
```
#b06149
```
#b06149 rgb(176,97,73)
```
#ba6f59
```
#ba6f59 rgb(186,111,89)
```
#c17f6b
```
#c17f6b rgb(193,127,107)
```
#c98e7d
```
#c98e7d rgb(201,142,125)
```
#d09e8f
```
#d09e8f rgb(208,158,143)
```

Monochromatic Color

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

#ba595b
```
#ba595b rgb(186,89,91)
```
#ba5f59
```
#ba5f59 rgb(186,95,89)
```
#ba6759
```
#ba6759 rgb(186,103,89)
```
#ba6f59
```
#ba6f59 rgb(186,111,89)
```
#ba7759
```
#ba7759 rgb(186,119,89)
```
#ba7f59
```
#ba7f59 rgb(186,127,89)
```
#ba8759
```
#ba8759 rgb(186,135,89)
```

Similar Colors

Text with hexadecimal color #ba6f59

This text has a font color of #ba6f59.

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

#ba6f59 background color

This paragraph has a background color of #ba6f59.

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

#ba6f59 border color

This element has a border color of #ba6f59.

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

CSS codes

.text {color:#ba6f59;}

.background {background-color:#ba6f59;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0e0806
```
#0e0806 rgb(14,8,6)
```
#1c0f0c
```
#1c0f0c rgb(28,15,12)
```
#2a1711
```
#2a1711 rgb(42,23,17)
```
#381f17
```
#381f17 rgb(56,31,23)
```
#46261d
```
#46261d rgb(70,38,29)
```
#532e23
```
#532e23 rgb(83,46,35)
```
#613528
```
#613528 rgb(97,53,40)
```
#6f3d2e
```
#6f3d2e rgb(111,61,46)
```
#7d4534
```
#7d4534 rgb(125,69,52)
```
#8b4c3a
```
#8b4c3a rgb(139,76,58)
```
#99543f
```
#99543f rgb(153,84,63)
```
#a75b45
```
#a75b45 rgb(167,91,69)
```

Shade Color Variation

#b4634b
```
#b4634b rgb(180,99,75)
```
#ba6f59
```
#ba6f59 rgb(186,111,89)
```
#c07b67
```
#c07b67 rgb(192,123,103)
```
#c68775
```
#c68775 rgb(198,135,117)
```
#cb9383
```
#cb9383 rgb(203,147,131)
```
#d19f90
```
#d19f90 rgb(209,159,144)
```
#d7ab9e
```
#d7ab9e rgb(215,171,158)
```
#ddb7ac
```
#ddb7ac rgb(221,183,172)
```
#e2c3ba
```
#e2c3ba rgb(226,195,186)
```
#e8cfc8
```
#e8cfc8 rgb(232,207,200)
```
#eedbd6
```
#eedbd6 rgb(238,219,214)
```
#f4e7e4
```
#f4e7e4 rgb(244,231,228)
```
#f9f3f1
```
#f9f3f1 rgb(249,243,241)
```

Tint Color Variation

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

#8d8886
```
#8d8886 rgb(141,136,134)
```
#96837d
```
#96837d rgb(150,131,125)
```
#9f7e74
```
#9f7e74 rgb(159,126,116)
```
#a8796b
```
#a8796b rgb(168,121,107)
```
#b17462
```
#b17462 rgb(177,116,98)
```
#ba6f59
```
#ba6f59 rgb(186,111,89)
```
#c36a50
```
#c36a50 rgb(195,106,80)
```
#cc6547
```
#cc6547 rgb(204,101,71)
```
#d5603e
```
#d5603e rgb(213,96,62)
```
#de5b35
```
#de5b35 rgb(222,91,53)
```
#e7562c
```
#e7562c rgb(231,86,44)
```
#f05123
```
#f05123 rgb(240,81,35)
```
#f94c1a
```
#f94c1a rgb(249,76,26)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8e7f7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#928868 Protanopia 1% of men
#a3835e Deuteranopia 1% of men
#bf727a Tritanopia 0.001% of the population

Trichromacy

#a07f63 Protanomaly 1% of men, 0.01% of women
#ab7c5c Deuteranomaly 6% of men, 0.4% of women
#bd716e Tritanomaly 0.01% of the population

#ba6f59 hex color

#ba6f59 Color Information

#ba6f59 Color Conversion

Color Schemes with #ba6f59

Alternatives to #ba6f59

#ba6f59 Preview

Shades and Tints of #ba6f59

Tones of #ba6f59

Color Blindness Simulator