#ba575f hex color

In a RGB color space, hex #ba575f is composed of 72.9% red, 34.1% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.2% magenta, 48.9% yellow and 27.1% black. It has a hue angle of 355.2 degrees, a saturation of 41.8% and a lightness of 53.5%. #ba575f color hex could be obtained by blending #ffaebe with #750000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 34
- B 37
RGB color chart
- C 0
- M 53
- Y 49
- K 27
CMYK color chart

● #ba575f color description : Moderate red.

The hexadecimal color #ba575f has RGB values of R:186, G:87, B:95 and CMYK values of C:0, M:0.53, Y:0.49, K:0.27. Its decimal value is 12212063.

Hex triplet	ba575f	`#ba575f`
RGB Decimal	186, 87, 95	`rgb(186,87,95)`
RGB Percent	72.9, 34.1, 37.3	`rgb(72.9%,34.1%,37.3%)`
CMYK	0, 53, 49, 27
HSL	355.2°, 41.8, 53.5	`hsl(355.2,41.8%,53.5%)`
HSV (or HSB)	355.2°, 53.2, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	49.598, 40.674, 14.714
XYZ	25.724, 18.084, 12.962
xyY	0.453, 0.319, 18.084
CIE-LCH	49.598, 43.253, 19.888
CIE-LUV	49.598, 69.97, 10.474
Hunter-Lab	42.525, 33.558, 11.696
Binary	10111010, 01010111, 01011111

#ba575f
```
#ba575f rgb(186,87,95)
```
#57bab2
```
#57bab2 rgb(87,186,178)
```

Complementary Color

#ba5791
```
#ba5791 rgb(186,87,145)
```
#ba575f
```
#ba575f rgb(186,87,95)
```
#ba8157
```
#ba8157 rgb(186,129,87)
```

Analogous Color

#5791ba
```
#5791ba rgb(87,145,186)
```
#ba575f
```
#ba575f rgb(186,87,95)
```
#57ba81
```
#57ba81 rgb(87,186,129)
```

Split Complementary Color

#575fba
```
#575fba rgb(87,95,186)
```
#ba575f
```
#ba575f rgb(186,87,95)
```
#5fba57
```
#5fba57 rgb(95,186,87)
```

Triadic Color

#b257ba
```
#b257ba rgb(178,87,186)
```
#ba575f
```
#ba575f rgb(186,87,95)
```
#5fba57
```
#5fba57 rgb(95,186,87)
```
#57bab2
```
#57bab2 rgb(87,186,178)
```

Tetradic Color

#8b3940
```
#8b3940 rgb(139,57,64)
```
#9d4148
```
#9d4148 rgb(157,65,72)
```
#af4850
```
#af4850 rgb(175,72,80)
```
#ba575f
```
#ba575f rgb(186,87,95)
```
#c16970
```
#c16970 rgb(193,105,112)
```
#c97b81
```
#c97b81 rgb(201,123,129)
```
#d08d93
```
#d08d93 rgb(208,141,147)
```

Monochromatic Color

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

#ba5778
```
#ba5778 rgb(186,87,120)
```
#ba5770
```
#ba5770 rgb(186,87,112)
```
#ba5767
```
#ba5767 rgb(186,87,103)
```
#ba575f
```
#ba575f rgb(186,87,95)
```
#ba5757
```
#ba5757 rgb(186,87,87)
```
#ba6057
```
#ba6057 rgb(186,96,87)
```
#ba6857
```
#ba6857 rgb(186,104,87)
```

Similar Colors

Text with hexadecimal color #ba575f

This text has a font color of #ba575f.

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

#ba575f background color

This paragraph has a background color of #ba575f.

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

#ba575f border color

This element has a border color of #ba575f.

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

CSS codes

.text {color:#ba575f;}

.background {background-color:#ba575f;}

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

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

#0d0506
```
#0d0506 rgb(13,5,6)
```
#1b0b0c
```
#1b0b0c rgb(27,11,12)
```
#291113
```
#291113 rgb(41,17,19)
```
#361619
```
#361619 rgb(54,22,25)
```
#441c1f
```
#441c1f rgb(68,28,31)
```
#522226
```
#522226 rgb(82,34,38)
```
#60282c
```
#60282c rgb(96,40,44)
```
#6e2d32
```
#6e2d32 rgb(110,45,50)
```
#7c3339
```
#7c3339 rgb(124,51,57)
```
#8a393f
```
#8a393f rgb(138,57,63)
```
#983e46
```
#983e46 rgb(152,62,70)
```
#a6444c
```
#a6444c rgb(166,68,76)
```
#b44a52
```
#b44a52 rgb(180,74,82)
```

Shade Color Variation

#ba575f
```
#ba575f rgb(186,87,95)
```
#c0656c
```
#c0656c rgb(192,101,108)
```
#c57379
```
#c57379 rgb(197,115,121)
```
#cb8187
```
#cb8187 rgb(203,129,135)
```
#d18f94
```
#d18f94 rgb(209,143,148)
```
#d79da1
```
#d79da1 rgb(215,157,161)
```
#dcaaae
```
#dcaaae rgb(220,170,174)
```
#e2b8bc
```
#e2b8bc rgb(226,184,188)
```
#e8c6c9
```
#e8c6c9 rgb(232,198,201)
```
#edd4d6
```
#edd4d6 rgb(237,212,214)
```
#f3e2e3
```
#f3e2e3 rgb(243,226,227)
```
#f9f0f1
```
#f9f0f1 rgb(249,240,241)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8c8585
```
#8c8585 rgb(140,133,133)
```
#967b7e
```
#967b7e rgb(150,123,126)
```
#9f7276
```
#9f7276 rgb(159,114,118)
```
#a8696e
```
#a8696e rgb(168,105,110)
```
#b16067
```
#b16067 rgb(177,96,103)
```
#ba575f
```
#ba575f rgb(186,87,95)
```
#c34e57
```
#c34e57 rgb(195,78,87)
```
#cc4550
```
#cc4550 rgb(204,69,80)
```
#d53c48
```
#d53c48 rgb(213,60,72)
```
#de3340
```
#de3340 rgb(222,51,64)
```
#e82939
```
#e82939 rgb(232,41,57)
```
#f12031
```
#f12031 rgb(241,32,49)
```
#fa172a
```
#fa172a rgb(250,23,42)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#847071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817c74 Protanopia 1% of men
#927861 Deuteranopia 1% of men
#bd5f66 Tritanopia 0.001% of the population

Trichromacy

#956e6c Protanomaly 1% of men, 0.01% of women
#a06c60 Deuteranomaly 6% of men, 0.4% of women
#bc5c63 Tritanomaly 0.01% of the population

#ba575f hex color

#ba575f Color Information

#ba575f Color Conversion

Color Schemes with #ba575f

Alternatives to #ba575f

#ba575f Preview

Shades and Tints of #ba575f

Tones of #ba575f

Color Blindness Simulator