#ba5766 hex color

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

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

● #ba5766 color description : Moderate red.

The hexadecimal color #ba5766 has RGB values of R:186, G:87, B:102 and CMYK values of C:0, M:0.53, Y:0.45, K:0.27. Its decimal value is 12212070.

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

CIE-LAB	49.758, 41.37, 10.744
XYZ	26.057, 18.217, 14.714
xyY	0.442, 0.309, 18.217
CIE-LCH	49.758, 42.742, 14.558
CIE-LUV	49.758, 68.326, 5.842
Hunter-Lab	42.681, 34.281, 9.438
Binary	10111010, 01010111, 01100110

#ba5766
```
#ba5766 rgb(186,87,102)
```
#57baab
```
#57baab rgb(87,186,171)
```

Complementary Color

#ba5798
```
#ba5798 rgb(186,87,152)
```
#ba5766
```
#ba5766 rgb(186,87,102)
```
#ba7a57
```
#ba7a57 rgb(186,122,87)
```

Analogous Color

#5798ba
```
#5798ba rgb(87,152,186)
```
#ba5766
```
#ba5766 rgb(186,87,102)
```
#57ba7a
```
#57ba7a rgb(87,186,122)
```

Split Complementary Color

#5766ba
```
#5766ba rgb(87,102,186)
```
#ba5766
```
#ba5766 rgb(186,87,102)
```
#66ba57
```
#66ba57 rgb(102,186,87)
```

Triadic Color

#ab57ba
```
#ab57ba rgb(171,87,186)
```
#ba5766
```
#ba5766 rgb(186,87,102)
```
#66ba57
```
#66ba57 rgb(102,186,87)
```
#57baab
```
#57baab rgb(87,186,171)
```

Tetradic Color

#8b3946
```
#8b3946 rgb(139,57,70)
```
#9d414f
```
#9d414f rgb(157,65,79)
```
#af4858
```
#af4858 rgb(175,72,88)
```
#ba5766
```
#ba5766 rgb(186,87,102)
```
#c16976
```
#c16976 rgb(193,105,118)
```
#c97b87
```
#c97b87 rgb(201,123,135)
```
#d08d97
```
#d08d97 rgb(208,141,151)
```

Monochromatic Color

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

#ba577f
```
#ba577f rgb(186,87,127)
```
#ba5777
```
#ba5777 rgb(186,87,119)
```
#ba576e
```
#ba576e rgb(186,87,110)
```
#ba5766
```
#ba5766 rgb(186,87,102)
```
#ba575e
```
#ba575e rgb(186,87,94)
```
#ba5957
```
#ba5957 rgb(186,89,87)
```
#ba6157
```
#ba6157 rgb(186,97,87)
```

Similar Colors

Text with hexadecimal color #ba5766

This text has a font color of #ba5766.

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

#ba5766 background color

This paragraph has a background color of #ba5766.

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

#ba5766 border color

This element has a border color of #ba5766.

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

CSS codes

.text {color:#ba5766;}

.background {background-color:#ba5766;}

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

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

#0d0506
```
#0d0506 rgb(13,5,6)
```
#1b0b0d
```
#1b0b0d rgb(27,11,13)
```
#291114
```
#291114 rgb(41,17,20)
```
#36161b
```
#36161b rgb(54,22,27)
```
#441c22
```
#441c22 rgb(68,28,34)
```
#522229
```
#522229 rgb(82,34,41)
```
#602830
```
#602830 rgb(96,40,48)
```
#6e2d37
```
#6e2d37 rgb(110,45,55)
```
#7c333e
```
#7c333e rgb(124,51,62)
```
#8a3945
```
#8a3945 rgb(138,57,69)
```
#983e4c
```
#983e4c rgb(152,62,76)
```
#a64453
```
#a64453 rgb(166,68,83)
```
#b44a5a
```
#b44a5a rgb(180,74,90)
```

Shade Color Variation

#ba5766
```
#ba5766 rgb(186,87,102)
```
#c06573
```
#c06573 rgb(192,101,115)
```
#c5737f
```
#c5737f rgb(197,115,127)
```
#cb818c
```
#cb818c rgb(203,129,140)
```
#d18f99
```
#d18f99 rgb(209,143,153)
```
#d79da5
```
#d79da5 rgb(215,157,165)
```
#dcaab2
```
#dcaab2 rgb(220,170,178)
```
#e2b8bf
```
#e2b8bf rgb(226,184,191)
```
#e8c6cb
```
#e8c6cb rgb(232,198,203)
```
#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 #fa173a is the most saturated one.

#8c8586
```
#8c8586 rgb(140,133,134)
```
#967b7f
```
#967b7f rgb(150,123,127)
```
#9f7279
```
#9f7279 rgb(159,114,121)
```
#a86973
```
#a86973 rgb(168,105,115)
```
#b1606c
```
#b1606c rgb(177,96,108)
```
#ba5766
```
#ba5766 rgb(186,87,102)
```
#c34e60
```
#c34e60 rgb(195,78,96)
```
#cc4559
```
#cc4559 rgb(204,69,89)
```
#d53c53
```
#d53c53 rgb(213,60,83)
```
#de334d
```
#de334d rgb(222,51,77)
```
#e82946
```
#e82946 rgb(232,41,70)
```
#f12040
```
#f12040 rgb(241,32,64)
```
#fa173a
```
#fa173a rgb(250,23,58)
```

Tone Color Variation

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

Dichromacy

#7f7c7b Protanopia 1% of men
#907867 Deuteranopia 1% of men
#bd6067 Tritanopia 0.001% of the population

Trichromacy

#956f73 Protanomaly 1% of men, 0.01% of women
#9f6c67 Deuteranomaly 6% of men, 0.4% of women
#bb5d66 Tritanomaly 0.01% of the population

#ba5766 hex color

#ba5766 Color Information

#ba5766 Color Conversion

Color Schemes with #ba5766

Alternatives to #ba5766

#ba5766 Preview

Shades and Tints of #ba5766

Tones of #ba5766

Color Blindness Simulator