#ba5a59 hex color

In a RGB color space, hex #ba5a59 is composed of 72.9% red, 35.3% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.6% magenta, 52.2% yellow and 27.1% black. It has a hue angle of 0.6 degrees, a saturation of 41.3% and a lightness of 53.9%. #ba5a59 color hex could be obtained by blending #ffb4b2 with #750000. Closest websafe color is: #cc6666.

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

● #ba5a59 color description : Moderate red.

The hexadecimal color #ba5a59 has RGB values of R:186, G:90, B:89 and CMYK values of C:0, M:0.52, Y:0.52, K:0.27. Its decimal value is 12212825.

Hex triplet	ba5a59	`#ba5a59`
RGB Decimal	186, 90, 89	`rgb(186,90,89)`
RGB Percent	72.9, 35.3, 34.9	`rgb(72.9%,35.3%,34.9%)`
CMYK	0, 52, 52, 27
HSL	0.6°, 41.3, 53.9	`hsl(0.6,41.3%,53.9%)`
HSV (or HSB)	0.6°, 52.2, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	50.067, 38.59, 18.926
XYZ	25.71, 18.475, 11.663
xyY	0.46, 0.331, 18.475
CIE-LCH	50.067, 42.982, 26.125
CIE-LUV	50.067, 69.368, 15.529
Hunter-Lab	42.982, 31.549, 14
Binary	10111010, 01011010, 01011001

#ba5a59
```
#ba5a59 rgb(186,90,89)
```
#59b9ba
```
#59b9ba rgb(89,185,186)
```

Complementary Color

#ba5989
```
#ba5989 rgb(186,89,137)
```
#ba5a59
```
#ba5a59 rgb(186,90,89)
```
#ba8b59
```
#ba8b59 rgb(186,139,89)
```

Analogous Color

#5989ba
```
#5989ba rgb(89,137,186)
```
#ba5a59
```
#ba5a59 rgb(186,90,89)
```
#59ba8b
```
#59ba8b rgb(89,186,139)
```

Split Complementary Color

#5a59ba
```
#5a59ba rgb(90,89,186)
```
#ba5a59
```
#ba5a59 rgb(186,90,89)
```
#59ba5a
```
#59ba5a rgb(89,186,90)
```

Triadic Color

#ba59b9
```
#ba59b9 rgb(186,89,185)
```
#ba5a59
```
#ba5a59 rgb(186,90,89)
```
#59ba5a
```
#59ba5a rgb(89,186,90)
```
#59b9ba
```
#59b9ba rgb(89,185,186)
```

Tetradic Color

#8c3b3a
```
#8c3b3a rgb(140,59,58)
```
#9e4342
```
#9e4342 rgb(158,67,66)
```
#b04a49
```
#b04a49 rgb(176,74,73)
```
#ba5a59
```
#ba5a59 rgb(186,90,89)
```
#c16c6b
```
#c16c6b rgb(193,108,107)
```
#c97e7d
```
#c97e7d rgb(201,126,125)
```
#d0908f
```
#d0908f rgb(208,144,143)
```

Monochromatic Color

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

#ba5970
```
#ba5970 rgb(186,89,112)
```
#ba5968
```
#ba5968 rgb(186,89,104)
```
#ba5960
```
#ba5960 rgb(186,89,96)
```
#ba5a59
```
#ba5a59 rgb(186,90,89)
```
#ba6259
```
#ba6259 rgb(186,98,89)
```
#ba6a59
```
#ba6a59 rgb(186,106,89)
```
#ba7259
```
#ba7259 rgb(186,114,89)
```

Similar Colors

Text with hexadecimal color #ba5a59

This text has a font color of #ba5a59.

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

#ba5a59 background color

This paragraph has a background color of #ba5a59.

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

#ba5a59 border color

This element has a border color of #ba5a59.

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

CSS codes

.text {color:#ba5a59;}

.background {background-color:#ba5a59;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0e0606
```
#0e0606 rgb(14,6,6)
```
#1c0c0c
```
#1c0c0c rgb(28,12,12)
```
#2a1211
```
#2a1211 rgb(42,18,17)
```
#381717
```
#381717 rgb(56,23,23)
```
#461d1d
```
#461d1d rgb(70,29,29)
```
#532323
```
#532323 rgb(83,35,35)
```
#612928
```
#612928 rgb(97,41,40)
```
#6f2f2e
```
#6f2f2e rgb(111,47,46)
```
#7d3534
```
#7d3534 rgb(125,53,52)
```
#8b3b3a
```
#8b3b3a rgb(139,59,58)
```
#99403f
```
#99403f rgb(153,64,63)
```
#a74645
```
#a74645 rgb(167,70,69)
```

Shade Color Variation

#b44c4b
```
#b44c4b rgb(180,76,75)
```
#ba5a59
```
#ba5a59 rgb(186,90,89)
```
#c06867
```
#c06867 rgb(192,104,103)
```
#c67675
```
#c67675 rgb(198,118,117)
```
#cb8383
```
#cb8383 rgb(203,131,131)
```
#d19190
```
#d19190 rgb(209,145,144)
```
#d79f9e
```
#d79f9e rgb(215,159,158)
```
#ddadac
```
#ddadac rgb(221,173,172)
```
#e2baba
```
#e2baba rgb(226,186,186)
```
#e8c8c8
```
#e8c8c8 rgb(232,200,200)
```
#eed6d6
```
#eed6d6 rgb(238,214,214)
```
#f4e4e4
```
#f4e4e4 rgb(244,228,228)
```
#f9f1f1
```
#f9f1f1 rgb(249,241,241)
```

Tint Color Variation

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

#8d8686
```
#8d8686 rgb(141,134,134)
```
#967d7d
```
#967d7d rgb(150,125,125)
```
#9f7574
```
#9f7574 rgb(159,117,116)
```
#a86c6b
```
#a86c6b rgb(168,108,107)
```
#b16362
```
#b16362 rgb(177,99,98)
```
#ba5a59
```
#ba5a59 rgb(186,90,89)
```
#c35150
```
#c35150 rgb(195,81,80)
```
#cc4847
```
#cc4847 rgb(204,72,71)
```
#d53f3e
```
#d53f3e rgb(213,63,62)
```
#de3735
```
#de3735 rgb(222,55,53)
```
#e72e2c
```
#e72e2c rgb(231,46,44)
```
#f02523
```
#f02523 rgb(240,37,35)
```
#f91c1a
```
#f91c1a rgb(249,28,26)
```

Tone Color Variation

Below, you can see how #ba5a59 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
#847171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847d6d Protanopia 1% of men
#94795c Deuteranopia 1% of men
#be6167 Tritanopia 0.001% of the population

Trichromacy

#977065 Protanomaly 1% of men, 0.01% of women
#a26d5a Deuteranomaly 6% of men, 0.4% of women
#bc5e62 Tritanomaly 0.01% of the population

#ba5a59 hex color

#ba5a59 Color Information

#ba5a59 Color Conversion

Color Schemes with #ba5a59

Alternatives to #ba5a59

#ba5a59 Preview

Shades and Tints of #ba5a59

Tones of #ba5a59

Color Blindness Simulator