#ba585c hex color

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

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

● #ba585c color description : Moderate red.

The hexadecimal color #ba585c has RGB values of R:186, G:88, B:92 and CMYK values of C:0, M:0.53, Y:0.51, K:0.27. Its decimal value is 12212316.

Hex triplet	ba585c	`#ba585c`
RGB Decimal	186, 88, 92	`rgb(186,88,92)`
RGB Percent	72.9, 34.5, 36.1	`rgb(72.9%,34.5%,36.1%)`
CMYK	0, 53, 51, 27
HSL	357.6°, 41.5, 53.7	`hsl(357.6,41.5%,53.7%)`
HSV (or HSB)	357.6°, 52.7, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	49.73, 39.885, 16.686
XYZ	25.672, 18.193, 12.284
xyY	0.457, 0.324, 18.193
CIE-LCH	49.73, 43.235, 22.703
CIE-LUV	49.73, 70.014, 12.814
Hunter-Lab	42.654, 32.789, 12.782
Binary	10111010, 01011000, 01011100

#ba585c
```
#ba585c rgb(186,88,92)
```
#58bab6
```
#58bab6 rgb(88,186,182)
```

Complementary Color

#ba588d
```
#ba588d rgb(186,88,141)
```
#ba585c
```
#ba585c rgb(186,88,92)
```
#ba8558
```
#ba8558 rgb(186,133,88)
```

Analogous Color

#588dba
```
#588dba rgb(88,141,186)
```
#ba585c
```
#ba585c rgb(186,88,92)
```
#58ba85
```
#58ba85 rgb(88,186,133)
```

Split Complementary Color

#585cba
```
#585cba rgb(88,92,186)
```
#ba585c
```
#ba585c rgb(186,88,92)
```
#5cba58
```
#5cba58 rgb(92,186,88)
```

Triadic Color

#b658ba
```
#b658ba rgb(182,88,186)
```
#ba585c
```
#ba585c rgb(186,88,92)
```
#5cba58
```
#5cba58 rgb(92,186,88)
```
#58bab6
```
#58bab6 rgb(88,186,182)
```

Tetradic Color

#8c3a3d
```
#8c3a3d rgb(140,58,61)
```
#9e4145
```
#9e4145 rgb(158,65,69)
```
#b0494d
```
#b0494d rgb(176,73,77)
```
#ba585c
```
#ba585c rgb(186,88,92)
```
#c16a6e
```
#c16a6e rgb(193,106,110)
```
#c97c7f
```
#c97c7f rgb(201,124,127)
```
#d08e91
```
#d08e91 rgb(208,142,145)
```

Monochromatic Color

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

#ba5875
```
#ba5875 rgb(186,88,117)
```
#ba586c
```
#ba586c rgb(186,88,108)
```
#ba5864
```
#ba5864 rgb(186,88,100)
```
#ba585c
```
#ba585c rgb(186,88,92)
```
#ba5c58
```
#ba5c58 rgb(186,92,88)
```
#ba6458
```
#ba6458 rgb(186,100,88)
```
#ba6d58
```
#ba6d58 rgb(186,109,88)
```

Similar Colors

Text with hexadecimal color #ba585c

This text has a font color of #ba585c.

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

#ba585c background color

This paragraph has a background color of #ba585c.

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

#ba585c border color

This element has a border color of #ba585c.

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

CSS codes

.text {color:#ba585c;}

.background {background-color:#ba585c;}

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

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)
```
#291112
```
#291112 rgb(41,17,18)
```
#371718
```
#371718 rgb(55,23,24)
```
#451c1e
```
#451c1e rgb(69,28,30)
```
#532224
```
#532224 rgb(83,34,36)
```
#61282a
```
#61282a rgb(97,40,42)
```
#6f2e30
```
#6f2e30 rgb(111,46,48)
```
#7c3336
```
#7c3336 rgb(124,51,54)
```
#8a393c
```
#8a393c rgb(138,57,60)
```
#983f43
```
#983f43 rgb(152,63,67)
```
#a64549
```
#a64549 rgb(166,69,73)
```
#b44a4f
```
#b44a4f rgb(180,74,79)
```

Shade Color Variation

#ba585c
```
#ba585c rgb(186,88,92)
```
#c0666a
```
#c0666a rgb(192,102,106)
```
#c57477
```
#c57477 rgb(197,116,119)
```
#cb8285
```
#cb8285 rgb(203,130,133)
```
#d19092
```
#d19092 rgb(209,144,146)
```
#d79da0
```
#d79da0 rgb(215,157,160)
```
#dcabad
```
#dcabad rgb(220,171,173)
```
#e2b9bb
```
#e2b9bb rgb(226,185,187)
```
#e8c7c8
```
#e8c7c8 rgb(232,199,200)
```
#eed5d6
```
#eed5d6 rgb(238,213,214)
```
#f3e3e3
```
#f3e3e3 rgb(243,227,227)
```
#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 #fa1822 is the most saturated one.

#8d8586
```
#8d8586 rgb(141,133,134)
```
#967c7d
```
#967c7d rgb(150,124,125)
```
#9f7375
```
#9f7375 rgb(159,115,117)
```
#a86a6d
```
#a86a6d rgb(168,106,109)
```
#b16164
```
#b16164 rgb(177,97,100)
```
#ba585c
```
#ba585c rgb(186,88,92)
```
#c34f54
```
#c34f54 rgb(195,79,84)
```
#cc464b
```
#cc464b rgb(204,70,75)
```
#d53d43
```
#d53d43 rgb(213,61,67)
```
#de343b
```
#de343b rgb(222,52,59)
```
#e72b32
```
#e72b32 rgb(231,43,50)
```
#f0222a
```
#f0222a rgb(240,34,42)
```
#fa1822
```
#fa1822 rgb(250,24,34)
```

Tone Color Variation

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

#827c70 Protanopia 1% of men
#93785e Deuteranopia 1% of men
#bd6066 Tritanopia 0.001% of the population

Trichromacy

#966f69 Protanomaly 1% of men, 0.01% of women
#a16c5d Deuteranomaly 6% of men, 0.4% of women
#bc5d62 Tritanomaly 0.01% of the population

#ba585c hex color

#ba585c Color Information

#ba585c Color Conversion

Color Schemes with #ba585c

Alternatives to #ba585c

#ba585c Preview

Shades and Tints of #ba585c

Tones of #ba585c

Color Blindness Simulator