#ba5f35 hex color

In a RGB color space, hex #ba5f35 is composed of 72.9% red, 37.3% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.9% magenta, 71.5% yellow and 27.1% black. It has a hue angle of 18.9 degrees, a saturation of 55.6% and a lightness of 46.9%. #ba5f35 color hex could be obtained by blending #ffbe6a with #750000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 37
- B 21
RGB color chart
- C 0
- M 49
- Y 72
- K 27
CMYK color chart

● #ba5f35 color description : Moderate orange.

The hexadecimal color #ba5f35 has RGB values of R:186, G:95, B:53 and CMYK values of C:0, M:0.49, Y:0.72, K:0.27. Its decimal value is 12214069.

Hex triplet	ba5f35	`#ba5f35`
RGB Decimal	186, 95, 53	`rgb(186,95,53)`
RGB Percent	72.9, 37.3, 20.8	`rgb(72.9%,37.3%,20.8%)`
CMYK	0, 49, 72, 27
HSL	18.9°, 55.6, 46.9	`hsl(18.9,55.6%,46.9%)`
HSV (or HSB)	18.9°, 71.5, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.55, 33.444, 39.937
XYZ	24.985, 18.883, 5.697
xyY	0.504, 0.381, 18.883
CIE-LCH	50.55, 52.091, 50.057
CIE-LUV	50.55, 71.873, 35.526
Hunter-Lab	43.454, 26.589, 22.645
Binary	10111010, 01011111, 00110101

#ba5f35
```
#ba5f35 rgb(186,95,53)
```
#3590ba
```
#3590ba rgb(53,144,186)
```

Complementary Color

#ba354e
```
#ba354e rgb(186,53,78)
```
#ba5f35
```
#ba5f35 rgb(186,95,53)
```
#baa235
```
#baa235 rgb(186,162,53)
```

Analogous Color

#354eba
```
#354eba rgb(53,78,186)
```
#ba5f35
```
#ba5f35 rgb(186,95,53)
```
#35baa2
```
#35baa2 rgb(53,186,162)
```

Split Complementary Color

#5f35ba
```
#5f35ba rgb(95,53,186)
```
#ba5f35
```
#ba5f35 rgb(186,95,53)
```
#35ba5f
```
#35ba5f rgb(53,186,95)
```

Triadic Color

#ba3590
```
#ba3590 rgb(186,53,144)
```
#ba5f35
```
#ba5f35 rgb(186,95,53)
```
#35ba5f
```
#35ba5f rgb(53,186,95)
```
#3590ba
```
#3590ba rgb(53,144,186)
```

Tetradic Color

#7e4124
```
#7e4124 rgb(126,65,36)
```
#924b2a
```
#924b2a rgb(146,75,42)
```
#a6552f
```
#a6552f rgb(166,85,47)
```
#ba5f35
```
#ba5f35 rgb(186,95,53)
```
#c96b40
```
#c96b40 rgb(201,107,64)
```
#ce7a54
```
#ce7a54 rgb(206,122,84)
```
#d48a68
```
#d48a68 rgb(212,138,104)
```

Monochromatic Color

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

#ba3e35
```
#ba3e35 rgb(186,62,53)
```
#ba4935
```
#ba4935 rgb(186,73,53)
```
#ba5435
```
#ba5435 rgb(186,84,53)
```
#ba5f35
```
#ba5f35 rgb(186,95,53)
```
#ba6a35
```
#ba6a35 rgb(186,106,53)
```
#ba7535
```
#ba7535 rgb(186,117,53)
```
#ba8035
```
#ba8035 rgb(186,128,53)
```

Similar Colors

Text with hexadecimal color #ba5f35

This text has a font color of #ba5f35.

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

#ba5f35 background color

This paragraph has a background color of #ba5f35.

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

#ba5f35 border color

This element has a border color of #ba5f35.

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

CSS codes

.text {color:#ba5f35;}

.background {background-color:#ba5f35;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#120905
```
#120905 rgb(18,9,5)
```
#21110a
```
#21110a rgb(33,17,10)
```
#31190e
```
#31190e rgb(49,25,14)
```
#402112
```
#402112 rgb(64,33,18)
```
#4f2817
```
#4f2817 rgb(79,40,23)
```
#5e301b
```
#5e301b rgb(94,48,27)
```
#6e381f
```
#6e381f rgb(110,56,31)
```
#7d4024
```
#7d4024 rgb(125,64,36)
```
#8c4828
```
#8c4828 rgb(140,72,40)
```
#9b4f2c
```
#9b4f2c rgb(155,79,44)
```
#ab5731
```
#ab5731 rgb(171,87,49)
```
#ba5f35
```
#ba5f35 rgb(186,95,53)
```

Shade Color Variation

#c7683b
```
#c7683b rgb(199,104,59)
```
#cc734b
```
#cc734b rgb(204,115,75)
```
#d07f5a
```
#d07f5a rgb(208,127,90)
```
#d48b69
```
#d48b69 rgb(212,139,105)
```
#d99778
```
#d99778 rgb(217,151,120)
```
#dda388
```
#dda388 rgb(221,163,136)
```
#e1ae97
```
#e1ae97 rgb(225,174,151)
```
#e6baa6
```
#e6baa6 rgb(230,186,166)
```
#eac6b5
```
#eac6b5 rgb(234,198,181)
```
#eed2c5
```
#eed2c5 rgb(238,210,197)
```
#f3ded4
```
#f3ded4 rgb(243,222,212)
```
#f7eae3
```
#f7eae3 rgb(247,234,227)
```
#fbf5f3
```
#fbf5f3 rgb(251,245,243)
```

Tint Color Variation

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

#7a7775
```
#7a7775 rgb(122,119,117)
```
#83736c
```
#83736c rgb(131,115,108)
```
#8c7063
```
#8c7063 rgb(140,112,99)
```
#956d5a
```
#956d5a rgb(149,109,90)
```
#9e6951
```
#9e6951 rgb(158,105,81)
```
#a86647
```
#a86647 rgb(168,102,71)
```
#b1623e
```
#b1623e rgb(177,98,62)
```
#ba5f35
```
#ba5f35 rgb(186,95,53)
```
#c35c2c
```
#c35c2c rgb(195,92,44)
```
#cc5823
```
#cc5823 rgb(204,88,35)
```
#d65519
```
#d65519 rgb(214,85,25)
```
#df5110
```
#df5110 rgb(223,81,16)
```
#e84e07
```
#e84e07 rgb(232,78,7)
```

Tone Color Variation

Below, you can see how #ba5f35 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
#837168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7f46 Protanopia 1% of men
#9c793a Deuteranopia 1% of men
#bf6268 Tritanopia 0.001% of the population

Trichromacy

#9c7340 Protanomaly 1% of men, 0.01% of women
#a76f38 Deuteranomaly 6% of men, 0.4% of women
#bd6155 Tritanomaly 0.01% of the population

#ba5f35 hex color

#ba5f35 Color Information

#ba5f35 Color Conversion

Color Schemes with #ba5f35

Alternatives to #ba5f35

#ba5f35 Preview

Shades and Tints of #ba5f35

Tones of #ba5f35

Color Blindness Simulator