#ba542f hex color

In a RGB color space, hex #ba542f is composed of 72.9% red, 32.9% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.8% magenta, 74.7% yellow and 27.1% black. It has a hue angle of 16 degrees, a saturation of 59.7% and a lightness of 45.7%. #ba542f color hex could be obtained by blending #ffa85e with #750000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 33
- B 18
RGB color chart
- C 0
- M 55
- Y 75
- K 27
CMYK color chart

● #ba542f color description : Moderate orange.

The hexadecimal color #ba542f has RGB values of R:186, G:84, B:47 and CMYK values of C:0, M:0.55, Y:0.75, K:0.27. Its decimal value is 12211247.

Hex triplet	ba542f	`#ba542f`
RGB Decimal	186, 84, 47	`rgb(186,84,47)`
RGB Percent	72.9, 32.9, 18.4	`rgb(72.9%,32.9%,18.4%)`
CMYK	0, 55, 75, 27
HSL	16°, 59.7, 45.7	`hsl(16,59.7%,45.7%)`
HSV (or HSB)	16°, 74.7, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.244, 38.826, 40.569
XYZ	23.934, 16.987, 4.708
xyY	0.525, 0.372, 16.987
CIE-LCH	48.244, 56.154, 46.258
CIE-LUV	48.244, 80.938, 33.676
Hunter-Lab	41.216, 31.528, 22.079
Binary	10111010, 01010100, 00101111

#ba542f
```
#ba542f rgb(186,84,47)
```
#2f95ba
```
#2f95ba rgb(47,149,186)
```

Complementary Color

#ba2f4f
```
#ba2f4f rgb(186,47,79)
```
#ba542f
```
#ba542f rgb(186,84,47)
```
#ba9a2f
```
#ba9a2f rgb(186,154,47)
```

Analogous Color

#2f4fba
```
#2f4fba rgb(47,79,186)
```
#ba542f
```
#ba542f rgb(186,84,47)
```
#2fba9a
```
#2fba9a rgb(47,186,154)
```

Split Complementary Color

#542fba
```
#542fba rgb(84,47,186)
```
#ba542f
```
#ba542f rgb(186,84,47)
```
#2fba54
```
#2fba54 rgb(47,186,84)
```

Triadic Color

#ba2f95
```
#ba2f95 rgb(186,47,149)
```
#ba542f
```
#ba542f rgb(186,84,47)
```
#2fba54
```
#2fba54 rgb(47,186,84)
```
#2f95ba
```
#2f95ba rgb(47,149,186)
```

Tetradic Color

#7d3820
```
#7d3820 rgb(125,56,32)
```
#914225
```
#914225 rgb(145,66,37)
```
#a64b2a
```
#a64b2a rgb(166,75,42)
```
#ba542f
```
#ba542f rgb(186,84,47)
```
#cc5e36
```
#cc5e36 rgb(204,94,54)
```
#d16e4b
```
#d16e4b rgb(209,110,75)
```
#d77f5f
```
#d77f5f rgb(215,127,95)
```

Monochromatic Color

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

#ba312f
```
#ba312f rgb(186,49,47)
```
#ba3d2f
```
#ba3d2f rgb(186,61,47)
```
#ba482f
```
#ba482f rgb(186,72,47)
```
#ba542f
```
#ba542f rgb(186,84,47)
```
#ba602f
```
#ba602f rgb(186,96,47)
```
#ba6b2f
```
#ba6b2f rgb(186,107,47)
```
#ba772f
```
#ba772f rgb(186,119,47)
```

Similar Colors

Text with hexadecimal color #ba542f

This text has a font color of #ba542f.

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

#ba542f background color

This paragraph has a background color of #ba542f.

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

#ba542f border color

This element has a border color of #ba542f.

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

CSS codes

.text {color:#ba542f;}

.background {background-color:#ba542f;}

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

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

#0e0603
```
#0e0603 rgb(14,6,3)
```
#1d0d07
```
#1d0d07 rgb(29,13,7)
```
#2d140b
```
#2d140b rgb(45,20,11)
```
#3d1b0f
```
#3d1b0f rgb(61,27,15)
```
#4c2213
```
#4c2213 rgb(76,34,19)
```
#5c2a17
```
#5c2a17 rgb(92,42,23)
```
#6c311b
```
#6c311b rgb(108,49,27)
```
#7b381f
```
#7b381f rgb(123,56,31)
```
#8b3f23
```
#8b3f23 rgb(139,63,35)
```
#9b4627
```
#9b4627 rgb(155,70,39)
```
#aa4d2b
```
#aa4d2b rgb(170,77,43)
```
#ba542f
```
#ba542f rgb(186,84,47)
```
#ca5b33
```
#ca5b33 rgb(202,91,51)
```

Shade Color Variation

#cf6741
```
#cf6741 rgb(207,103,65)
```
#d37351
```
#d37351 rgb(211,115,81)
```
#d78061
```
#d78061 rgb(215,128,97)
```
#db8d70
```
#db8d70 rgb(219,141,112)
```
#df9980
```
#df9980 rgb(223,153,128)
```
#e3a68f
```
#e3a68f rgb(227,166,143)
```
#e7b29f
```
#e7b29f rgb(231,178,159)
```
#ebbfaf
```
#ebbfaf rgb(235,191,175)
```
#efcbbe
```
#efcbbe rgb(239,203,190)
```
#f3d8ce
```
#f3d8ce rgb(243,216,206)
```
#f7e4de
```
#f7e4de rgb(247,228,222)
```
#fbf1ed
```
#fbf1ed rgb(251,241,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#7b716e
```
#7b716e rgb(123,113,110)
```
#846d65
```
#846d65 rgb(132,109,101)
```
#8d695c
```
#8d695c rgb(141,105,92)
```
#966553
```
#966553 rgb(150,101,83)
```
#9f614a
```
#9f614a rgb(159,97,74)
```
#a85c41
```
#a85c41 rgb(168,92,65)
```
#b15838
```
#b15838 rgb(177,88,56)
```
#ba542f
```
#ba542f rgb(186,84,47)
```
#c35026
```
#c35026 rgb(195,80,38)
```
#cc4c1d
```
#cc4c1d rgb(204,76,29)
```
#d54714
```
#d54714 rgb(213,71,20)
```
#de430b
```
#de430b rgb(222,67,11)
```
#e73f02
```
#e73f02 rgb(231,63,2)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7d6961 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857942 Protanopia 1% of men
#967432 Deuteranopia 1% of men
#bf585d Tritanopia 0.001% of the population

Trichromacy

#986c3b Protanomaly 1% of men, 0.01% of women
#a36831 Deuteranomaly 6% of men, 0.4% of women
#bd564c Tritanomaly 0.01% of the population

#ba542f hex color

#ba542f Color Information

#ba542f Color Conversion

Color Schemes with #ba542f

Alternatives to #ba542f

#ba542f Preview

Shades and Tints of #ba542f

Tones of #ba542f

Color Blindness Simulator