#ba5336 hex color

In a RGB color space, hex #ba5336 is composed of 72.9% red, 32.5% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.4% magenta, 71% yellow and 27.1% black. It has a hue angle of 13.2 degrees, a saturation of 55% and a lightness of 47.1%. #ba5336 color hex could be obtained by blending #ffa66c with #750000. Closest websafe color is: #cc6633.

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

● #ba5336 color description : Moderate red.

The hexadecimal color #ba5336 has RGB values of R:186, G:83, B:54 and CMYK values of C:0, M:0.55, Y:0.71, K:0.27. Its decimal value is 12210998.

Hex triplet	ba5336	`#ba5336`
RGB Decimal	186, 83, 54	`rgb(186,83,54)`
RGB Percent	72.9, 32.5, 21.2	`rgb(72.9%,32.5%,21.2%)`
CMYK	0, 55, 71, 27
HSL	13.2°, 55, 47.1	`hsl(13.2,55%,47.1%)`
HSV (or HSB)	13.2°, 71, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.127, 39.664, 36.692
XYZ	24.01, 16.894, 5.486
xyY	0.518, 0.364, 16.894
CIE-LCH	48.127, 54.033, 42.771
CIE-LUV	48.127, 80.678, 30.682
Hunter-Lab	41.103, 32.339, 20.858
Binary	10111010, 01010011, 00110110

#ba5336
```
#ba5336 rgb(186,83,54)
```
#369dba
```
#369dba rgb(54,157,186)
```

Complementary Color

#ba365b
```
#ba365b rgb(186,54,91)
```
#ba5336
```
#ba5336 rgb(186,83,54)
```
#ba9536
```
#ba9536 rgb(186,149,54)
```

Analogous Color

#365bba
```
#365bba rgb(54,91,186)
```
#ba5336
```
#ba5336 rgb(186,83,54)
```
#36ba95
```
#36ba95 rgb(54,186,149)
```

Split Complementary Color

#5336ba
```
#5336ba rgb(83,54,186)
```
#ba5336
```
#ba5336 rgb(186,83,54)
```
#36ba53
```
#36ba53 rgb(54,186,83)
```

Triadic Color

#ba369d
```
#ba369d rgb(186,54,157)
```
#ba5336
```
#ba5336 rgb(186,83,54)
```
#36ba53
```
#36ba53 rgb(54,186,83)
```
#369dba
```
#369dba rgb(54,157,186)
```

Tetradic Color

#7f3925
```
#7f3925 rgb(127,57,37)
```
#92412b
```
#92412b rgb(146,65,43)
```
#a64a30
```
#a64a30 rgb(166,74,48)
```
#ba5336
```
#ba5336 rgb(186,83,54)
```
#c85f42
```
#c85f42 rgb(200,95,66)
```
#ce7055
```
#ce7055 rgb(206,112,85)
```
#d38069
```
#d38069 rgb(211,128,105)
```

Monochromatic Color

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

#ba363a
```
#ba363a rgb(186,54,58)
```
#ba3d36
```
#ba3d36 rgb(186,61,54)
```
#ba4836
```
#ba4836 rgb(186,72,54)
```
#ba5336
```
#ba5336 rgb(186,83,54)
```
#ba5e36
```
#ba5e36 rgb(186,94,54)
```
#ba6936
```
#ba6936 rgb(186,105,54)
```
#ba7436
```
#ba7436 rgb(186,116,54)
```

Similar Colors

Text with hexadecimal color #ba5336

This text has a font color of #ba5336.

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

#ba5336 background color

This paragraph has a background color of #ba5336.

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

#ba5336 border color

This element has a border color of #ba5336.

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

CSS codes

.text {color:#ba5336;}

.background {background-color:#ba5336;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#130805
```
#130805 rgb(19,8,5)
```
#220f0a
```
#220f0a rgb(34,15,10)
```
#31160e
```
#31160e rgb(49,22,14)
```
#401d13
```
#401d13 rgb(64,29,19)
```
#502417
```
#502417 rgb(80,36,23)
```
#5f2a1c
```
#5f2a1c rgb(95,42,28)
```
#6e3120
```
#6e3120 rgb(110,49,32)
```
#7d3824
```
#7d3824 rgb(125,56,36)
```
#8c3f29
```
#8c3f29 rgb(140,63,41)
```
#9c452d
```
#9c452d rgb(156,69,45)
```
#ab4c32
```
#ab4c32 rgb(171,76,50)
```
#ba5336
```
#ba5336 rgb(186,83,54)
```

Shade Color Variation

#c75b3d
```
#c75b3d rgb(199,91,61)
```
#cb684c
```
#cb684c rgb(203,104,76)
```
#cf755b
```
#cf755b rgb(207,117,91)
```
#d4826b
```
#d4826b rgb(212,130,107)
```
#d88f7a
```
#d88f7a rgb(216,143,122)
```
#dd9b89
```
#dd9b89 rgb(221,155,137)
```
#e1a898
```
#e1a898 rgb(225,168,152)
```
#e6b5a7
```
#e6b5a7 rgb(230,181,167)
```
#eac2b7
```
#eac2b7 rgb(234,194,183)
```
#eecfc6
```
#eecfc6 rgb(238,207,198)
```
#f3dcd5
```
#f3dcd5 rgb(243,220,213)
```
#f7e8e4
```
#f7e8e4 rgb(247,232,228)
```
#fcf5f3
```
#fcf5f3 rgb(252,245,243)
```

Tint Color Variation

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

#797777
```
#797777 rgb(121,119,119)
```
#83726d
```
#83726d rgb(131,114,109)
```
#8c6d64
```
#8c6d64 rgb(140,109,100)
```
#95685b
```
#95685b rgb(149,104,91)
```
#9e6352
```
#9e6352 rgb(158,99,82)
```
#a85d48
```
#a85d48 rgb(168,93,72)
```
#b1583f
```
#b1583f rgb(177,88,63)
```
#ba5336
```
#ba5336 rgb(186,83,54)
```
#c34e2d
```
#c34e2d rgb(195,78,45)
```
#cc4924
```
#cc4924 rgb(204,73,36)
```
#d6431a
```
#d6431a rgb(214,67,26)
```
#df3e11
```
#df3e11 rgb(223,62,17)
```
#e83908
```
#e83908 rgb(232,57,8)
```

Tone Color Variation

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

Dichromacy

#847949 Protanopia 1% of men
#957439 Deuteranopia 1% of men
#bf585d Tritanopia 0.001% of the population

Trichromacy

#986b42 Protanomaly 1% of men, 0.01% of women
#a26838 Deuteranomaly 6% of men, 0.4% of women
#bd564f Tritanomaly 0.01% of the population

#ba5336 hex color

#ba5336 Color Information

#ba5336 Color Conversion

Color Schemes with #ba5336

Alternatives to #ba5336

#ba5336 Preview

Shades and Tints of #ba5336

Tones of #ba5336

Color Blindness Simulator