#ba576f hex color

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

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

● #ba576f color description : Moderate red.

The hexadecimal color #ba576f has RGB values of R:186, G:87, B:111 and CMYK values of C:0, M:0.53, Y:0.4, K:0.27. Its decimal value is 12212079.

Hex triplet	ba576f	`#ba576f`
RGB Decimal	186, 87, 111	`rgb(186,87,111)`
RGB Percent	72.9, 34.1, 43.5	`rgb(72.9%,34.1%,43.5%)`
CMYK	0, 53, 40, 27
HSL	345.5°, 41.8, 53.5	`hsl(345.5,41.8%,53.5%)`
HSV (or HSB)	345.5°, 53.2, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	49.984, 42.341, 5.664
XYZ	26.528, 18.405, 17.194
xyY	0.427, 0.296, 18.405
CIE-LCH	49.984, 42.719, 7.619
CIE-LUV	49.984, 66.115, -0.424
Hunter-Lab	42.901, 35.296, 6.269
Binary	10111010, 01010111, 01101111

#ba576f
```
#ba576f rgb(186,87,111)
```
#57baa2
```
#57baa2 rgb(87,186,162)
```

Complementary Color

#ba57a1
```
#ba57a1 rgb(186,87,161)
```
#ba576f
```
#ba576f rgb(186,87,111)
```
#ba7157
```
#ba7157 rgb(186,113,87)
```

Analogous Color

#57a1ba
```
#57a1ba rgb(87,161,186)
```
#ba576f
```
#ba576f rgb(186,87,111)
```
#57ba71
```
#57ba71 rgb(87,186,113)
```

Split Complementary Color

#576fba
```
#576fba rgb(87,111,186)
```
#ba576f
```
#ba576f rgb(186,87,111)
```
#6fba57
```
#6fba57 rgb(111,186,87)
```

Triadic Color

#a257ba
```
#a257ba rgb(162,87,186)
```
#ba576f
```
#ba576f rgb(186,87,111)
```
#6fba57
```
#6fba57 rgb(111,186,87)
```
#57baa2
```
#57baa2 rgb(87,186,162)
```

Tetradic Color

#8b394d
```
#8b394d rgb(139,57,77)
```
#9d4157
```
#9d4157 rgb(157,65,87)
```
#af4861
```
#af4861 rgb(175,72,97)
```
#ba576f
```
#ba576f rgb(186,87,111)
```
#c1697e
```
#c1697e rgb(193,105,126)
```
#c97b8e
```
#c97b8e rgb(201,123,142)
```
#d08d9d
```
#d08d9d rgb(208,141,157)
```

Monochromatic Color

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

#ba5788
```
#ba5788 rgb(186,87,136)
```
#ba5780
```
#ba5780 rgb(186,87,128)
```
#ba5777
```
#ba5777 rgb(186,87,119)
```
#ba576f
```
#ba576f rgb(186,87,111)
```
#ba5767
```
#ba5767 rgb(186,87,103)
```
#ba575e
```
#ba575e rgb(186,87,94)
```
#ba5857
```
#ba5857 rgb(186,88,87)
```

Similar Colors

Text with hexadecimal color #ba576f

This text has a font color of #ba576f.

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

#ba576f background color

This paragraph has a background color of #ba576f.

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

#ba576f border color

This element has a border color of #ba576f.

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

CSS codes

.text {color:#ba576f;}

.background {background-color:#ba576f;}

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

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

#0d0507
```
#0d0507 rgb(13,5,7)
```
#1b0b0f
```
#1b0b0f rgb(27,11,15)
```
#291116
```
#291116 rgb(41,17,22)
```
#36161e
```
#36161e rgb(54,22,30)
```
#441c26
```
#441c26 rgb(68,28,38)
```
#52222e
```
#52222e rgb(82,34,46)
```
#602835
```
#602835 rgb(96,40,53)
```
#6e2d3d
```
#6e2d3d rgb(110,45,61)
```
#7c3345
```
#7c3345 rgb(124,51,69)
```
#8a394c
```
#8a394c rgb(138,57,76)
```
#983e54
```
#983e54 rgb(152,62,84)
```
#a6445c
```
#a6445c rgb(166,68,92)
```
#b44a63
```
#b44a63 rgb(180,74,99)
```

Shade Color Variation

#ba576f
```
#ba576f rgb(186,87,111)
```
#c0657b
```
#c0657b rgb(192,101,123)
```
#c57387
```
#c57387 rgb(197,115,135)
```
#cb8193
```
#cb8193 rgb(203,129,147)
```
#d18f9f
```
#d18f9f rgb(209,143,159)
```
#d79dab
```
#d79dab rgb(215,157,171)
```
#dcaab7
```
#dcaab7 rgb(220,170,183)
```
#e2b8c2
```
#e2b8c2 rgb(226,184,194)
```
#e8c6ce
```
#e8c6ce rgb(232,198,206)
```
#edd4da
```
#edd4da rgb(237,212,218)
```
#f3e2e6
```
#f3e2e6 rgb(243,226,230)
```
#f9f0f2
```
#f9f0f2 rgb(249,240,242)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8c8586
```
#8c8586 rgb(140,133,134)
```
#967b82
```
#967b82 rgb(150,123,130)
```
#9f727d
```
#9f727d rgb(159,114,125)
```
#a86978
```
#a86978 rgb(168,105,120)
```
#b16074
```
#b16074 rgb(177,96,116)
```
#ba576f
```
#ba576f rgb(186,87,111)
```
#c34e6a
```
#c34e6a rgb(195,78,106)
```
#cc4566
```
#cc4566 rgb(204,69,102)
```
#d53c61
```
#d53c61 rgb(213,60,97)
```
#de335c
```
#de335c rgb(222,51,92)
```
#e82958
```
#e82958 rgb(232,41,88)
```
#f12053
```
#f12053 rgb(241,32,83)
```
#fa174e
```
#fa174e rgb(250,23,78)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#847175 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7d85 Protanopia 1% of men
#8e7970 Deuteranopia 1% of men
#bc6268 Tritanopia 0.001% of the population

Trichromacy

#936f7d Protanomaly 1% of men, 0.01% of women
#9e6d6f Deuteranomaly 6% of men, 0.4% of women
#bb5e6a Tritanomaly 0.01% of the population

#ba576f hex color

#ba576f Color Information

#ba576f Color Conversion

Color Schemes with #ba576f

Alternatives to #ba576f

#ba576f Preview

Shades and Tints of #ba576f

Tones of #ba576f

Color Blindness Simulator