#ba5038 hex color

In a RGB color space, hex #ba5038 is composed of 72.9% red, 31.4% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57% magenta, 69.9% yellow and 27.1% black. It has a hue angle of 11.1 degrees, a saturation of 53.7% and a lightness of 47.5%. #ba5038 color hex could be obtained by blending #ffa070 with #750000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 31
- B 22
RGB color chart
- C 0
- M 57
- Y 70
- K 27
CMYK color chart

● #ba5038 color description : Moderate red.

The hexadecimal color #ba5038 has RGB values of R:186, G:80, B:56 and CMYK values of C:0, M:0.57, Y:0.7, K:0.27. Its decimal value is 12210232.

Hex triplet	ba5038	`#ba5038`
RGB Decimal	186, 80, 56	`rgb(186,80,56)`
RGB Percent	72.9, 31.4, 22	`rgb(72.9%,31.4%,22%)`
CMYK	0, 57, 70, 27
HSL	11.1°, 53.7, 47.5	`hsl(11.1,53.7%,47.5%)`
HSV (or HSB)	11.1°, 69.9, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.578, 41.253, 34.957
XYZ	23.833, 16.464, 5.664
xyY	0.519, 0.358, 16.464
CIE-LCH	47.578, 54.072, 40.278
CIE-LUV	47.578, 82.52, 28.791
Hunter-Lab	40.576, 33.836, 20.127
Binary	10111010, 01010000, 00111000

#ba5038
```
#ba5038 rgb(186,80,56)
```
#38a2ba
```
#38a2ba rgb(56,162,186)
```

Complementary Color

#ba3861
```
#ba3861 rgb(186,56,97)
```
#ba5038
```
#ba5038 rgb(186,80,56)
```
#ba9138
```
#ba9138 rgb(186,145,56)
```

Analogous Color

#3861ba
```
#3861ba rgb(56,97,186)
```
#ba5038
```
#ba5038 rgb(186,80,56)
```
#38ba91
```
#38ba91 rgb(56,186,145)
```

Split Complementary Color

#5038ba
```
#5038ba rgb(80,56,186)
```
#ba5038
```
#ba5038 rgb(186,80,56)
```
#38ba50
```
#38ba50 rgb(56,186,80)
```

Triadic Color

#ba38a2
```
#ba38a2 rgb(186,56,162)
```
#ba5038
```
#ba5038 rgb(186,80,56)
```
#38ba50
```
#38ba50 rgb(56,186,80)
```
#38a2ba
```
#38a2ba rgb(56,162,186)
```

Tetradic Color

#7f3726
```
#7f3726 rgb(127,55,38)
```
#933f2c
```
#933f2c rgb(147,63,44)
```
#a64832
```
#a64832 rgb(166,72,50)
```
#ba5038
```
#ba5038 rgb(186,80,56)
```
#c75d45
```
#c75d45 rgb(199,93,69)
```
#cd6e58
```
#cd6e58 rgb(205,110,88)
```
#d37f6c
```
#d37f6c rgb(211,127,108)
```

Monochromatic Color

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

#ba3841
```
#ba3841 rgb(186,56,65)
```
#ba3a38
```
#ba3a38 rgb(186,58,56)
```
#ba4538
```
#ba4538 rgb(186,69,56)
```
#ba5038
```
#ba5038 rgb(186,80,56)
```
#ba5b38
```
#ba5b38 rgb(186,91,56)
```
#ba6638
```
#ba6638 rgb(186,102,56)
```
#ba7138
```
#ba7138 rgb(186,113,56)
```

Similar Colors

Text with hexadecimal color #ba5038

This text has a font color of #ba5038.

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

#ba5038 background color

This paragraph has a background color of #ba5038.

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

#ba5038 border color

This element has a border color of #ba5038.

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

CSS codes

.text {color:#ba5038;}

.background {background-color:#ba5038;}

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

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

#050202
```
#050202 rgb(5,2,2)
```
#140906
```
#140906 rgb(20,9,6)
```
#230f0b
```
#230f0b rgb(35,15,11)
```
#32160f
```
#32160f rgb(50,22,15)
```
#411c14
```
#411c14 rgb(65,28,20)
```
#502318
```
#502318 rgb(80,35,24)
```
#60291d
```
#60291d rgb(96,41,29)
```
#6f3021
```
#6f3021 rgb(111,48,33)
```
#7e3626
```
#7e3626 rgb(126,54,38)
```
#8d3d2a
```
#8d3d2a rgb(141,61,42)
```
#9c432f
```
#9c432f rgb(156,67,47)
```
#ab4a33
```
#ab4a33 rgb(171,74,51)
```
#ba5038
```
#ba5038 rgb(186,80,56)
```

Shade Color Variation

#c65940
```
#c65940 rgb(198,89,64)
```
#ca664f
```
#ca664f rgb(202,102,79)
```
#cf735e
```
#cf735e rgb(207,115,94)
```
#d3806d
```
#d3806d rgb(211,128,109)
```
#d88d7c
```
#d88d7c rgb(216,141,124)
```
#dc9a8b
```
#dc9a8b rgb(220,154,139)
```
#e1a89b
```
#e1a89b rgb(225,168,155)
```
#e5b5aa
```
#e5b5aa rgb(229,181,170)
```
#eac2b9
```
#eac2b9 rgb(234,194,185)
```
#eecfc8
```
#eecfc8 rgb(238,207,200)
```
#f3dcd7
```
#f3dcd7 rgb(243,220,215)
```
#f7e9e6
```
#f7e9e6 rgb(247,233,230)
```
#fcf6f5
```
#fcf6f5 rgb(252,246,245)
```

Tint Color Variation

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

#827370
```
#827370 rgb(130,115,112)
```
#8b6d67
```
#8b6d67 rgb(139,109,103)
```
#95675d
```
#95675d rgb(149,103,93)
```
#9e6254
```
#9e6254 rgb(158,98,84)
```
#a75c4b
```
#a75c4b rgb(167,92,75)
```
#b15641
```
#b15641 rgb(177,86,65)
```
#ba5038
```
#ba5038 rgb(186,80,56)
```
#c34a2f
```
#c34a2f rgb(195,74,47)
```
#cd4425
```
#cd4425 rgb(205,68,37)
```
#d63e1c
```
#d63e1c rgb(214,62,28)
```
#df3913
```
#df3913 rgb(223,57,19)
```
#e93309
```
#e93309 rgb(233,51,9)
```
#f22d00
```
#f22d00 rgb(242,45,0)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7c6762 Atypical Achromatopsia 0.001% of the population

Dichromacy

#82784c Protanopia 1% of men
#93723b Deuteranopia 1% of men
#be555a Tritanopia 0.001% of the population

Trichromacy

#966945 Protanomaly 1% of men, 0.01% of women
#a1663a Deuteranomaly 6% of men, 0.4% of women
#bd534e Tritanomaly 0.01% of the population

#ba5038 hex color

#ba5038 Color Information

#ba5038 Color Conversion

Color Schemes with #ba5038

Alternatives to #ba5038

#ba5038 Preview

Shades and Tints of #ba5038

Tones of #ba5038

Color Blindness Simulator