#ba4534 hex color

In a RGB color space, hex #ba4534 is composed of 72.9% red, 27.1% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.9% magenta, 72% yellow and 27.1% black. It has a hue angle of 7.6 degrees, a saturation of 56.3% and a lightness of 46.7%. #ba4534 color hex could be obtained by blending #ff8a68 with #750000. Closest websafe color is: #cc3333.

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

● #ba4534 color description : Moderate red.

The hexadecimal color #ba4534 has RGB values of R:186, G:69, B:52 and CMYK values of C:0, M:0.63, Y:0.72, K:0.27. Its decimal value is 12207412.

Hex triplet	ba4534	`#ba4534`
RGB Decimal	186, 69, 52	`rgb(186,69,52)`
RGB Percent	72.9, 27.1, 20.4	`rgb(72.9%,27.1%,20.4%)`
CMYK	0, 63, 72, 27
HSL	7.6°, 56.3, 46.7	`hsl(7.6,56.3%,46.7%)`
HSV (or HSB)	7.6°, 72, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.56, 46.228, 34.89
XYZ	22.999, 14.946, 4.922
xyY	0.537, 0.349, 14.946
CIE-LCH	45.56, 57.916, 37.044
CIE-LUV	45.56, 90.825, 26.748
Hunter-Lab	38.66, 38.535, 19.513
Binary	10111010, 01000101, 00110100

#ba4534
```
#ba4534 rgb(186,69,52)
```
#34a9ba
```
#34a9ba rgb(52,169,186)
```

Complementary Color

#ba3466
```
#ba3466 rgb(186,52,102)
```
#ba4534
```
#ba4534 rgb(186,69,52)
```
#ba8834
```
#ba8834 rgb(186,136,52)
```

Analogous Color

#3466ba
```
#3466ba rgb(52,102,186)
```
#ba4534
```
#ba4534 rgb(186,69,52)
```
#34ba88
```
#34ba88 rgb(52,186,136)
```

Split Complementary Color

#4534ba
```
#4534ba rgb(69,52,186)
```
#ba4534
```
#ba4534 rgb(186,69,52)
```
#34ba45
```
#34ba45 rgb(52,186,69)
```

Triadic Color

#ba34a9
```
#ba34a9 rgb(186,52,169)
```
#ba4534
```
#ba4534 rgb(186,69,52)
```
#34ba45
```
#34ba45 rgb(52,186,69)
```
#34a9ba
```
#34a9ba rgb(52,169,186)
```

Tetradic Color

#7e2f23
```
#7e2f23 rgb(126,47,35)
```
#923629
```
#923629 rgb(146,54,41)
```
#a63e2e
```
#a63e2e rgb(166,62,46)
```
#ba4534
```
#ba4534 rgb(186,69,52)
```
#c9503e
```
#c9503e rgb(201,80,62)
```
#cf6252
```
#cf6252 rgb(207,98,82)
```
#d47466
```
#d47466 rgb(212,116,102)
```

Monochromatic Color

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

#ba3445
```
#ba3445 rgb(186,52,69)
```
#ba3439
```
#ba3439 rgb(186,52,57)
```
#ba3a34
```
#ba3a34 rgb(186,58,52)
```
#ba4534
```
#ba4534 rgb(186,69,52)
```
#ba5034
```
#ba5034 rgb(186,80,52)
```
#ba5b34
```
#ba5b34 rgb(186,91,52)
```
#ba6734
```
#ba6734 rgb(186,103,52)
```

Similar Colors

Text with hexadecimal color #ba4534

This text has a font color of #ba4534.

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

#ba4534 background color

This paragraph has a background color of #ba4534.

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

#ba4534 border color

This element has a border color of #ba4534.

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

CSS codes

.text {color:#ba4534;}

.background {background-color:#ba4534;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#110605
```
#110605 rgb(17,6,5)
```
#210c09
```
#210c09 rgb(33,12,9)
```
#30120d
```
#30120d rgb(48,18,13)
```
#3f1812
```
#3f1812 rgb(63,24,18)
```
#4f1d16
```
#4f1d16 rgb(79,29,22)
```
#5e231a
```
#5e231a rgb(94,35,26)
```
#6d291f
```
#6d291f rgb(109,41,31)
```
#7d2e23
```
#7d2e23 rgb(125,46,35)
```
#8c3427
```
#8c3427 rgb(140,52,39)
```
#9b3a2b
```
#9b3a2b rgb(155,58,43)
```
#ab3f30
```
#ab3f30 rgb(171,63,48)
```
#ba4534
```
#ba4534 rgb(186,69,52)
```

Shade Color Variation

#c84c3a
```
#c84c3a rgb(200,76,58)
```
#cc5a49
```
#cc5a49 rgb(204,90,73)
```
#d06858
```
#d06858 rgb(208,104,88)
```
#d57668
```
#d57668 rgb(213,118,104)
```
#d98477
```
#d98477 rgb(217,132,119)
```
#dd9186
```
#dd9186 rgb(221,145,134)
```
#e29f96
```
#e29f96 rgb(226,159,150)
```
#e6ada5
```
#e6ada5 rgb(230,173,165)
```
#eabbb4
```
#eabbb4 rgb(234,187,180)
```
#eec9c4
```
#eec9c4 rgb(238,201,196)
```
#f3d7d3
```
#f3d7d3 rgb(243,215,211)
```
#f7e5e2
```
#f7e5e2 rgb(247,229,226)
```
#fbf3f2
```
#fbf3f2 rgb(251,243,242)
```

Tint Color Variation

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

#7a7574
```
#7a7574 rgb(122,117,116)
```
#836e6b
```
#836e6b rgb(131,110,107)
```
#8c6762
```
#8c6762 rgb(140,103,98)
```
#956059
```
#956059 rgb(149,96,89)
```
#9f594f
```
#9f594f rgb(159,89,79)
```
#a85346
```
#a85346 rgb(168,83,70)
```
#b14c3d
```
#b14c3d rgb(177,76,61)
```
#ba4534
```
#ba4534 rgb(186,69,52)
```
#c33e2b
```
#c33e2b rgb(195,62,43)
```
#cc3722
```
#cc3722 rgb(204,55,34)
```
#d53119
```
#d53119 rgb(213,49,25)
```
#df2a0f
```
#df2a0f rgb(223,42,15)
```
#e82306
```
#e82306 rgb(232,35,6)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#775f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d734a Protanopia 1% of men
#8d6e36 Deuteranopia 1% of men
#be4c50 Tritanopia 0.001% of the population

Trichromacy

#936242 Protanomaly 1% of men, 0.01% of women
#9d5f35 Deuteranomaly 6% of men, 0.4% of women
#bc4946 Tritanomaly 0.01% of the population

#ba4534 hex color

#ba4534 Color Information

#ba4534 Color Conversion

Color Schemes with #ba4534

Alternatives to #ba4534

#ba4534 Preview

Shades and Tints of #ba4534

Tones of #ba4534

Color Blindness Simulator