#ba5768 hex color

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

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

● #ba5768 color description : Moderate red.

The hexadecimal color #ba5768 has RGB values of R:186, G:87, B:104 and CMYK values of C:0, M:0.53, Y:0.44, K:0.27. Its decimal value is 12212072.

Hex triplet	ba5768	`#ba5768`
RGB Decimal	186, 87, 104	`rgb(186,87,104)`
RGB Percent	72.9, 34.1, 40.8	`rgb(72.9%,34.1%,40.8%)`
CMYK	0, 53, 44, 27
HSL	349.7°, 41.8, 53.5	`hsl(349.7,41.8%,53.5%)`
HSV (or HSB)	349.7°, 53.2, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	49.806, 41.579, 9.612
XYZ	26.157, 18.257, 15.242
xyY	0.438, 0.306, 18.257
CIE-LCH	49.806, 42.675, 13.017
CIE-LUV	49.806, 67.844, 4.478
Hunter-Lab	42.728, 34.498, 8.759
Binary	10111010, 01010111, 01101000

#ba5768
```
#ba5768 rgb(186,87,104)
```
#57baa9
```
#57baa9 rgb(87,186,169)
```

Complementary Color

#ba579a
```
#ba579a rgb(186,87,154)
```
#ba5768
```
#ba5768 rgb(186,87,104)
```
#ba7857
```
#ba7857 rgb(186,120,87)
```

Analogous Color

#579aba
```
#579aba rgb(87,154,186)
```
#ba5768
```
#ba5768 rgb(186,87,104)
```
#57ba78
```
#57ba78 rgb(87,186,120)
```

Split Complementary Color

#5768ba
```
#5768ba rgb(87,104,186)
```
#ba5768
```
#ba5768 rgb(186,87,104)
```
#68ba57
```
#68ba57 rgb(104,186,87)
```

Triadic Color

#a957ba
```
#a957ba rgb(169,87,186)
```
#ba5768
```
#ba5768 rgb(186,87,104)
```
#68ba57
```
#68ba57 rgb(104,186,87)
```
#57baa9
```
#57baa9 rgb(87,186,169)
```

Tetradic Color

#8b3947
```
#8b3947 rgb(139,57,71)
```
#9d4151
```
#9d4151 rgb(157,65,81)
```
#af485a
```
#af485a rgb(175,72,90)
```
#ba5768
```
#ba5768 rgb(186,87,104)
```
#c16978
```
#c16978 rgb(193,105,120)
```
#c97b88
```
#c97b88 rgb(201,123,136)
```
#d08d99
```
#d08d99 rgb(208,141,153)
```

Monochromatic Color

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

#ba5781
```
#ba5781 rgb(186,87,129)
```
#ba5779
```
#ba5779 rgb(186,87,121)
```
#ba5770
```
#ba5770 rgb(186,87,112)
```
#ba5768
```
#ba5768 rgb(186,87,104)
```
#ba5760
```
#ba5760 rgb(186,87,96)
```
#ba5757
```
#ba5757 rgb(186,87,87)
```
#ba5f57
```
#ba5f57 rgb(186,95,87)
```

Similar Colors

Text with hexadecimal color #ba5768

This text has a font color of #ba5768.

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

#ba5768 background color

This paragraph has a background color of #ba5768.

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

#ba5768 border color

This element has a border color of #ba5768.

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

CSS codes

.text {color:#ba5768;}

.background {background-color:#ba5768;}

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

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)
```
#1b0b0e
```
#1b0b0e rgb(27,11,14)
```
#291115
```
#291115 rgb(41,17,21)
```
#36161c
```
#36161c rgb(54,22,28)
```
#441c23
```
#441c23 rgb(68,28,35)
```
#52222a
```
#52222a rgb(82,34,42)
```
#602831
```
#602831 rgb(96,40,49)
```
#6e2d38
```
#6e2d38 rgb(110,45,56)
```
#7c333f
```
#7c333f rgb(124,51,63)
```
#8a3947
```
#8a3947 rgb(138,57,71)
```
#983e4e
```
#983e4e rgb(152,62,78)
```
#a64455
```
#a64455 rgb(166,68,85)
```
#b44a5c
```
#b44a5c rgb(180,74,92)
```

Shade Color Variation

#ba5768
```
#ba5768 rgb(186,87,104)
```
#c06574
```
#c06574 rgb(192,101,116)
```
#c57381
```
#c57381 rgb(197,115,129)
```
#cb818d
```
#cb818d rgb(203,129,141)
```
#d18f9a
```
#d18f9a rgb(209,143,154)
```
#d79da6
```
#d79da6 rgb(215,157,166)
```
#dcaab3
```
#dcaab3 rgb(220,170,179)
```
#e2b8bf
```
#e2b8bf rgb(226,184,191)
```
#e8c6cc
```
#e8c6cc rgb(232,198,204)
```
#edd4d8
```
#edd4d8 rgb(237,212,216)
```
#f3e2e5
```
#f3e2e5 rgb(243,226,229)
```
#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, #8c8586 is the less saturated color, while #fa173e is the most saturated one.

#8c8586
```
#8c8586 rgb(140,133,134)
```
#967b80
```
#967b80 rgb(150,123,128)
```
#9f727a
```
#9f727a rgb(159,114,122)
```
#a86974
```
#a86974 rgb(168,105,116)
```
#b1606e
```
#b1606e rgb(177,96,110)
```
#ba5768
```
#ba5768 rgb(186,87,104)
```
#c34e62
```
#c34e62 rgb(195,78,98)
```
#cc455c
```
#cc455c rgb(204,69,92)
```
#d53c56
```
#d53c56 rgb(213,60,86)
```
#de3350
```
#de3350 rgb(222,51,80)
```
#e8294a
```
#e8294a rgb(232,41,74)
```
#f12044
```
#f12044 rgb(241,32,68)
```
#fa173e
```
#fa173e rgb(250,23,62)
```

Tone Color Variation

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

Dichromacy

#7f7c7d Protanopia 1% of men
#907969 Deuteranopia 1% of men
#bc6167 Tritanopia 0.001% of the population

Trichromacy

#946f75 Protanomaly 1% of men, 0.01% of women
#9f6c69 Deuteranomaly 6% of men, 0.4% of women
#bb5d67 Tritanomaly 0.01% of the population

#ba5768 hex color

#ba5768 Color Information

#ba5768 Color Conversion

Color Schemes with #ba5768

Alternatives to #ba5768

#ba5768 Preview

Shades and Tints of #ba5768

Tones of #ba5768

Color Blindness Simulator