#ba5f3b hex color

In a RGB color space, hex #ba5f3b is composed of 72.9% red, 37.3% green and 23.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.9% magenta, 68.3% yellow and 27.1% black. It has a hue angle of 17 degrees, a saturation of 51.8% and a lightness of 48%. #ba5f3b color hex could be obtained by blending #ffbe76 with #750000. Closest websafe color is: #cc6633.

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

● #ba5f3b color description : Moderate orange.

The hexadecimal color #ba5f3b has RGB values of R:186, G:95, B:59 and CMYK values of C:0, M:0.49, Y:0.68, K:0.27. Its decimal value is 12214075.

Hex triplet	ba5f3b	`#ba5f3b`
RGB Decimal	186, 95, 59	`rgb(186,95,59)`
RGB Percent	72.9, 37.3, 23.1	`rgb(72.9%,37.3%,23.1%)`
CMYK	0, 49, 68, 27
HSL	17°, 51.8, 48	`hsl(17,51.8%,48%)`
HSV (or HSB)	17°, 68.3, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.619, 33.773, 36.815
XYZ	25.132, 18.941, 6.47
xyY	0.497, 0.375, 18.941
CIE-LCH	50.619, 49.959, 47.467
CIE-LUV	50.619, 71.088, 33.132
Hunter-Lab	43.522, 26.913, 21.651
Binary	10111010, 01011111, 00111011

#ba5f3b
```
#ba5f3b rgb(186,95,59)
```
#3b96ba
```
#3b96ba rgb(59,150,186)
```

Complementary Color

#ba3b56
```
#ba3b56 rgb(186,59,86)
```
#ba5f3b
```
#ba5f3b rgb(186,95,59)
```
#ba9f3b
```
#ba9f3b rgb(186,159,59)
```

Analogous Color

#3b56ba
```
#3b56ba rgb(59,86,186)
```
#ba5f3b
```
#ba5f3b rgb(186,95,59)
```
#3bba9f
```
#3bba9f rgb(59,186,159)
```

Split Complementary Color

#5f3bba
```
#5f3bba rgb(95,59,186)
```
#ba5f3b
```
#ba5f3b rgb(186,95,59)
```
#3bba5f
```
#3bba5f rgb(59,186,95)
```

Triadic Color

#ba3b96
```
#ba3b96 rgb(186,59,150)
```
#ba5f3b
```
#ba5f3b rgb(186,95,59)
```
#3bba5f
```
#3bba5f rgb(59,186,95)
```
#3b96ba
```
#3b96ba rgb(59,150,186)
```

Tetradic Color

#804129
```
#804129 rgb(128,65,41)
```
#934b2f
```
#934b2f rgb(147,75,47)
```
#a75535
```
#a75535 rgb(167,85,53)
```
#ba5f3b
```
#ba5f3b rgb(186,95,59)
```
#c56c49
```
#c56c49 rgb(197,108,73)
```
#cb7c5d
```
#cb7c5d rgb(203,124,93)
```
#d28c70
```
#d28c70 rgb(210,140,112)
```

Monochromatic Color

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

#ba3f3b
```
#ba3f3b rgb(186,63,59)
```
#ba4a3b
```
#ba4a3b rgb(186,74,59)
```
#ba543b
```
#ba543b rgb(186,84,59)
```
#ba5f3b
```
#ba5f3b rgb(186,95,59)
```
#ba6a3b
```
#ba6a3b rgb(186,106,59)
```
#ba743b
```
#ba743b rgb(186,116,59)
```
#ba7f3b
```
#ba7f3b rgb(186,127,59)
```

Similar Colors

Text with hexadecimal color #ba5f3b

This text has a font color of #ba5f3b.

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

#ba5f3b background color

This paragraph has a background color of #ba5f3b.

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

#ba5f3b border color

This element has a border color of #ba5f3b.

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

CSS codes

.text {color:#ba5f3b;}

.background {background-color:#ba5f3b;}

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

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

#070402
```
#070402 rgb(7,4,2)
```
#160b07
```
#160b07 rgb(22,11,7)
```
#25130c
```
#25130c rgb(37,19,12)
```
#341b10
```
#341b10 rgb(52,27,16)
```
#432215
```
#432215 rgb(67,34,21)
```
#522a1a
```
#522a1a rgb(82,42,26)
```
#61311f
```
#61311f rgb(97,49,31)
```
#703923
```
#703923 rgb(112,57,35)
```
#7e4128
```
#7e4128 rgb(126,65,40)
```
#8d482d
```
#8d482d rgb(141,72,45)
```
#9c5032
```
#9c5032 rgb(156,80,50)
```
#ab5736
```
#ab5736 rgb(171,87,54)
```
#ba5f3b
```
#ba5f3b rgb(186,95,59)
```

Shade Color Variation

#c46945
```
#c46945 rgb(196,105,69)
```
#c97554
```
#c97554 rgb(201,117,84)
```
#cd8162
```
#cd8162 rgb(205,129,98)
```
#d28d71
```
#d28d71 rgb(210,141,113)
```
#d79980
```
#d79980 rgb(215,153,128)
```
#dca58f
```
#dca58f rgb(220,165,143)
```
#e0b19e
```
#e0b19e rgb(224,177,158)
```
#e5bdad
```
#e5bdad rgb(229,189,173)
```
#eac9bc
```
#eac9bc rgb(234,201,188)
```
#eed5cb
```
#eed5cb rgb(238,213,203)
```
#f3e1da
```
#f3e1da rgb(243,225,218)
```
#f8ede9
```
#f8ede9 rgb(248,237,233)
```
#fdf9f7
```
#fdf9f7 rgb(253,249,247)
```

Tint Color Variation

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

#817774
```
#817774 rgb(129,119,116)
```
#8b736a
```
#8b736a rgb(139,115,106)
```
#946f61
```
#946f61 rgb(148,111,97)
```
#9e6b57
```
#9e6b57 rgb(158,107,87)
```
#a7674e
```
#a7674e rgb(167,103,78)
```
#b16344
```
#b16344 rgb(177,99,68)
```
#ba5f3b
```
#ba5f3b rgb(186,95,59)
```
#c35b32
```
#c35b32 rgb(195,91,50)
```
#cd5728
```
#cd5728 rgb(205,87,40)
```
#d6531f
```
#d6531f rgb(214,83,31)
```
#e04f15
```
#e04f15 rgb(224,79,21)
```
#e94b0c
```
#e94b0c rgb(233,75,12)
```
#f34702
```
#f34702 rgb(243,71,2)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#84716a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7f4d Protanopia 1% of men
#9c7940 Deuteranopia 1% of men
#bf6269 Tritanopia 0.001% of the population

Trichromacy

#9c7346 Protanomaly 1% of men, 0.01% of women
#a6703e Deuteranomaly 6% of men, 0.4% of women
#bd6158 Tritanomaly 0.01% of the population

#ba5f3b hex color

#ba5f3b Color Information

#ba5f3b Color Conversion

Color Schemes with #ba5f3b

Alternatives to #ba5f3b

#ba5f3b Preview

Shades and Tints of #ba5f3b

Tones of #ba5f3b

Color Blindness Simulator