#ba742b hex color

In a RGB color space, hex #ba742b is composed of 72.9% red, 45.5% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.6% magenta, 76.9% yellow and 27.1% black. It has a hue angle of 30.6 degrees, a saturation of 62.4% and a lightness of 44.9%. #ba742b color hex could be obtained by blending #ffe856 with #750000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 45
- B 17
RGB color chart
- C 0
- M 38
- Y 77
- K 27
CMYK color chart

● #ba742b color description : Strong orange.

The hexadecimal color #ba742b has RGB values of R:186, G:116, B:43 and CMYK values of C:0, M:0.38, Y:0.77, K:0.27. Its decimal value is 12219435.

Hex triplet	ba742b	`#ba742b`
RGB Decimal	186, 116, 43	`rgb(186,116,43)`
RGB Percent	72.9, 45.5, 16.9	`rgb(72.9%,45.5%,16.9%)`
CMYK	0, 38, 77, 27
HSL	30.6°, 62.4, 44.9	`hsl(30.6,62.4%,44.9%)`
HSV (or HSB)	30.6°, 76.9, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.182, 21.59, 49.579
XYZ	26.932, 23.106, 5.327
xyY	0.486, 0.417, 23.106
CIE-LCH	55.182, 54.076, 66.469
CIE-LUV	55.182, 56.481, 47.031
Hunter-Lab	48.069, 15.888, 27.078
Binary	10111010, 01110100, 00101011

#ba742b
```
#ba742b rgb(186,116,43)
```
#2b71ba
```
#2b71ba rgb(43,113,186)
```

Complementary Color

#ba2d2b
```
#ba2d2b rgb(186,45,43)
```
#ba742b
```
#ba742b rgb(186,116,43)
```
#b9ba2b
```
#b9ba2b rgb(185,186,43)
```

Analogous Color

#2c2bba
```
#2c2bba rgb(44,43,186)
```
#ba742b
```
#ba742b rgb(186,116,43)
```
#2bb9ba
```
#2bb9ba rgb(43,185,186)
```

Split Complementary Color

#742bba
```
#742bba rgb(116,43,186)
```
#ba742b
```
#ba742b rgb(186,116,43)
```
#2bba74
```
#2bba74 rgb(43,186,116)
```

Triadic Color

#ba2b71
```
#ba2b71 rgb(186,43,113)
```
#ba742b
```
#ba742b rgb(186,116,43)
```
#2bba74
```
#2bba74 rgb(43,186,116)
```
#2b71ba
```
#2b71ba rgb(43,113,186)
```

Tetradic Color

#7c4d1d
```
#7c4d1d rgb(124,77,29)
```
#915a21
```
#915a21 rgb(145,90,33)
```
#a56726
```
#a56726 rgb(165,103,38)
```
#ba742b
```
#ba742b rgb(186,116,43)
```
#cf8130
```
#cf8130 rgb(207,129,48)
```
#d48e44
```
#d48e44 rgb(212,142,68)
```
#d99a59
```
#d99a59 rgb(217,154,89)
```

Monochromatic Color

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

#ba502b
```
#ba502b rgb(186,80,43)
```
#ba5c2b
```
#ba5c2b rgb(186,92,43)
```
#ba682b
```
#ba682b rgb(186,104,43)
```
#ba742b
```
#ba742b rgb(186,116,43)
```
#ba802b
```
#ba802b rgb(186,128,43)
```
#ba8c2b
```
#ba8c2b rgb(186,140,43)
```
#ba982b
```
#ba982b rgb(186,152,43)
```

Similar Colors

Text with hexadecimal color #ba742b

This text has a font color of #ba742b.

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

#ba742b background color

This paragraph has a background color of #ba742b.

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

#ba742b border color

This element has a border color of #ba742b.

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

CSS codes

.text {color:#ba742b;}

.background {background-color:#ba742b;}

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

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

#0b0702
```
#0b0702 rgb(11,7,2)
```
#1b1106
```
#1b1106 rgb(27,17,6)
```
#2b1b0a
```
#2b1b0a rgb(43,27,10)
```
#3b250e
```
#3b250e rgb(59,37,14)
```
#4a2e11
```
#4a2e11 rgb(74,46,17)
```
#5a3815
```
#5a3815 rgb(90,56,21)
```
#6a4219
```
#6a4219 rgb(106,66,25)
```
#7a4c1c
```
#7a4c1c rgb(122,76,28)
```
#8a5620
```
#8a5620 rgb(138,86,32)
```
#9a6024
```
#9a6024 rgb(154,96,36)
```
#aa6a27
```
#aa6a27 rgb(170,106,39)
```
#ba742b
```
#ba742b rgb(186,116,43)
```
#ca7e2f
```
#ca7e2f rgb(202,126,47)
```

Shade Color Variation

#d2883b
```
#d2883b rgb(210,136,59)
```
#d5914b
```
#d5914b rgb(213,145,75)
```
#d99b5a
```
#d99b5a rgb(217,155,90)
```
#dda56a
```
#dda56a rgb(221,165,106)
```
#e0ae7a
```
#e0ae7a rgb(224,174,122)
```
#e4b88a
```
#e4b88a rgb(228,184,138)
```
#e8c29a
```
#e8c29a rgb(232,194,154)
```
#ebcbaa
```
#ebcbaa rgb(235,203,170)
```
#efd5ba
```
#efd5ba rgb(239,213,186)
```
#f3dfca
```
#f3dfca rgb(243,223,202)
```
#f6e8da
```
#f6e8da rgb(246,232,218)
```
#faf2ea
```
#faf2ea rgb(250,242,234)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#747371
```
#747371 rgb(116,115,113)
```
#7c7369
```
#7c7369 rgb(124,115,105)
```
#857360
```
#857360 rgb(133,115,96)
```
#8e7357
```
#8e7357 rgb(142,115,87)
```
#97734e
```
#97734e rgb(151,115,78)
```
#a07345
```
#a07345 rgb(160,115,69)
```
#a8743d
```
#a8743d rgb(168,116,61)
```
#b17434
```
#b17434 rgb(177,116,52)
```
#ba742b
```
#ba742b rgb(186,116,43)
```
#c37422
```
#c37422 rgb(195,116,34)
```
#cc7419
```
#cc7419 rgb(204,116,25)
```
#d47511
```
#d47511 rgb(212,117,17)
```
#dd7508
```
#dd7508 rgb(221,117,8)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8c7e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a3a Protanopia 1% of men
#ab8432 Deuteranopia 1% of men
#c1747b Tritanopia 0.001% of the population

Trichromacy

#a58234 Protanomaly 1% of men, 0.01% of women
#b07e2f Deuteranomaly 6% of men, 0.4% of women
#be745e Tritanomaly 0.01% of the population

#ba742b hex color

#ba742b Color Information

#ba742b Color Conversion

Color Schemes with #ba742b

Alternatives to #ba742b

#ba742b Preview

Shades and Tints of #ba742b

Tones of #ba742b

Color Blindness Simulator