#ba585f hex color

In a RGB color space, hex #ba585f is composed of 72.9% red, 34.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.7% magenta, 48.9% yellow and 27.1% black. It has a hue angle of 355.7 degrees, a saturation of 41.5% and a lightness of 53.7%. #ba585f color hex could be obtained by blending #ffb0be with #750000. Closest websafe color is: #cc6666.

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

● #ba585f color description : Moderate red.

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

Hex triplet	ba585f	`#ba585f`
RGB Decimal	186, 88, 95	`rgb(186,88,95)`
RGB Percent	72.9, 34.5, 37.3	`rgb(72.9%,34.5%,37.3%)`
CMYK	0, 53, 49, 27
HSL	355.7°, 41.5, 53.7	`hsl(355.7,41.5%,53.7%)`
HSV (or HSB)	355.7°, 52.7, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	49.794, 40.168, 14.984
XYZ	25.806, 18.247, 12.989
xyY	0.452, 0.32, 18.247
CIE-LCH	49.794, 42.872, 20.458
CIE-LUV	49.794, 69.342, 10.904
Hunter-Lab	42.716, 33.08, 11.873
Binary	10111010, 01011000, 01011111

#ba585f
```
#ba585f rgb(186,88,95)
```
#58bab3
```
#58bab3 rgb(88,186,179)
```

Complementary Color

#ba5890
```
#ba5890 rgb(186,88,144)
```
#ba585f
```
#ba585f rgb(186,88,95)
```
#ba8258
```
#ba8258 rgb(186,130,88)
```

Analogous Color

#5890ba
```
#5890ba rgb(88,144,186)
```
#ba585f
```
#ba585f rgb(186,88,95)
```
#58ba82
```
#58ba82 rgb(88,186,130)
```

Split Complementary Color

#585fba
```
#585fba rgb(88,95,186)
```
#ba585f
```
#ba585f rgb(186,88,95)
```
#5fba58
```
#5fba58 rgb(95,186,88)
```

Triadic Color

#b358ba
```
#b358ba rgb(179,88,186)
```
#ba585f
```
#ba585f rgb(186,88,95)
```
#5fba58
```
#5fba58 rgb(95,186,88)
```
#58bab3
```
#58bab3 rgb(88,186,179)
```

Tetradic Color

#8c3a40
```
#8c3a40 rgb(140,58,64)
```
#9e4148
```
#9e4148 rgb(158,65,72)
```
#b04950
```
#b04950 rgb(176,73,80)
```
#ba585f
```
#ba585f rgb(186,88,95)
```
#c16a70
```
#c16a70 rgb(193,106,112)
```
#c97c82
```
#c97c82 rgb(201,124,130)
```
#d08e93
```
#d08e93 rgb(208,142,147)
```

Monochromatic Color

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

#ba5878
```
#ba5878 rgb(186,88,120)
```
#ba586f
```
#ba586f rgb(186,88,111)
```
#ba5867
```
#ba5867 rgb(186,88,103)
```
#ba585f
```
#ba585f rgb(186,88,95)
```
#ba5958
```
#ba5958 rgb(186,89,88)
```
#ba6158
```
#ba6158 rgb(186,97,88)
```
#ba6a58
```
#ba6a58 rgb(186,106,88)
```

Similar Colors

Text with hexadecimal color #ba585f

This text has a font color of #ba585f.

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

#ba585f background color

This paragraph has a background color of #ba585f.

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

#ba585f border color

This element has a border color of #ba585f.

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

CSS codes

.text {color:#ba585f;}

.background {background-color:#ba585f;}

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

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

#0d0606
```
#0d0606 rgb(13,6,6)
```
#1b0b0c
```
#1b0b0c rgb(27,11,12)
```
#291113
```
#291113 rgb(41,17,19)
```
#371719
```
#371719 rgb(55,23,25)
```
#451c1f
```
#451c1f rgb(69,28,31)
```
#532226
```
#532226 rgb(83,34,38)
```
#61282c
```
#61282c rgb(97,40,44)
```
#6f2e32
```
#6f2e32 rgb(111,46,50)
```
#7c3339
```
#7c3339 rgb(124,51,57)
```
#8a393f
```
#8a393f rgb(138,57,63)
```
#983f45
```
#983f45 rgb(152,63,69)
```
#a6454c
```
#a6454c rgb(166,69,76)
```
#b44a52
```
#b44a52 rgb(180,74,82)
```

Shade Color Variation

#ba585f
```
#ba585f rgb(186,88,95)
```
#c0666c
```
#c0666c rgb(192,102,108)
```
#c5747a
```
#c5747a rgb(197,116,122)
```
#cb8287
```
#cb8287 rgb(203,130,135)
```
#d19094
```
#d19094 rgb(209,144,148)
```
#d79da1
```
#d79da1 rgb(215,157,161)
```
#dcabaf
```
#dcabaf rgb(220,171,175)
```
#e2b9bc
```
#e2b9bc rgb(226,185,188)
```
#e8c7c9
```
#e8c7c9 rgb(232,199,201)
```
#eed5d7
```
#eed5d7 rgb(238,213,215)
```
#f3e3e4
```
#f3e3e4 rgb(243,227,228)
```
#f9f1f1
```
#f9f1f1 rgb(249,241,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8d8586
```
#8d8586 rgb(141,133,134)
```
#967c7e
```
#967c7e rgb(150,124,126)
```
#9f7376
```
#9f7376 rgb(159,115,118)
```
#a86a6f
```
#a86a6f rgb(168,106,111)
```
#b16167
```
#b16167 rgb(177,97,103)
```
#ba585f
```
#ba585f rgb(186,88,95)
```
#c34f57
```
#c34f57 rgb(195,79,87)
```
#cc464f
```
#cc464f rgb(204,70,79)
```
#d53d48
```
#d53d48 rgb(213,61,72)
```
#de3440
```
#de3440 rgb(222,52,64)
```
#e72b38
```
#e72b38 rgb(231,43,56)
```
#f02230
```
#f02230 rgb(240,34,48)
```
#fa1829
```
#fa1829 rgb(250,24,41)
```

Tone Color Variation

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

#817d74 Protanopia 1% of men
#927861 Deuteranopia 1% of men
#bd6066 Tritanopia 0.001% of the population

Trichromacy

#966f6c Protanomaly 1% of men, 0.01% of women
#a06c60 Deuteranomaly 6% of men, 0.4% of women
#bc5d64 Tritanomaly 0.01% of the population

#ba585f hex color

#ba585f Color Information

#ba585f Color Conversion

Color Schemes with #ba585f

Alternatives to #ba585f

#ba585f Preview

Shades and Tints of #ba585f

Tones of #ba585f

Color Blindness Simulator