#ba7774 hex color

In a RGB color space, hex #ba7774 is composed of 72.9% red, 46.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36% magenta, 37.6% yellow and 27.1% black. It has a hue angle of 2.6 degrees, a saturation of 33.7% and a lightness of 59.2%. #ba7774 color hex could be obtained by blending #ffeee8 with #750000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 47
- B 45
RGB color chart
- C 0
- M 36
- Y 38
- K 27
CMYK color chart

● #ba7774 color description : Slightly desaturated red.

The hexadecimal color #ba7774 has RGB values of R:186, G:119, B:116 and CMYK values of C:0, M:0.36, Y:0.38, K:0.27. Its decimal value is 12220276.

Hex triplet	ba7774	`#ba7774`
RGB Decimal	186, 119, 116	`rgb(186,119,116)`
RGB Percent	72.9, 46.7, 45.5	`rgb(72.9%,46.7%,45.5%)`
CMYK	0, 36, 38, 27
HSL	2.6°, 33.7, 59.2	`hsl(2.6,33.7%,59.2%)`
HSV (or HSB)	2.6°, 37.6, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	56.973, 25.888, 12.608
XYZ	29.999, 24.895, 19.747
xyY	0.402, 0.334, 24.895
CIE-LCH	56.973, 28.795, 25.966
CIE-LUV	56.973, 45.561, 11.802
Hunter-Lab	49.895, 20.005, 11.461
Binary	10111010, 01110111, 01110100

#ba7774
```
#ba7774 rgb(186,119,116)
```
#74b7ba
```
#74b7ba rgb(116,183,186)
```

Complementary Color

#ba7494
```
#ba7494 rgb(186,116,148)
```
#ba7774
```
#ba7774 rgb(186,119,116)
```
#ba9a74
```
#ba9a74 rgb(186,154,116)
```

Analogous Color

#7494ba
```
#7494ba rgb(116,148,186)
```
#ba7774
```
#ba7774 rgb(186,119,116)
```
#74ba9a
```
#74ba9a rgb(116,186,154)
```

Split Complementary Color

#7774ba
```
#7774ba rgb(119,116,186)
```
#ba7774
```
#ba7774 rgb(186,119,116)
```
#74ba77
```
#74ba77 rgb(116,186,119)
```

Triadic Color

#ba74b7
```
#ba74b7 rgb(186,116,183)
```
#ba7774
```
#ba7774 rgb(186,119,116)
```
#74ba77
```
#74ba77 rgb(116,186,119)
```
#74b7ba
```
#74b7ba rgb(116,183,186)
```

Tetradic Color

#974e4b
```
#974e4b rgb(151,78,75)
```
#a85753
```
#a85753 rgb(168,87,83)
```
#b26663
```
#b26663 rgb(178,102,99)
```
#ba7774
```
#ba7774 rgb(186,119,116)
```
#c28885
```
#c28885 rgb(194,136,133)
```
#cb9896
```
#cb9896 rgb(203,152,150)
```
#d3a9a7
```
#d3a9a7 rgb(211,169,167)
```

Monochromatic Color

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

#ba7483
```
#ba7483 rgb(186,116,131)
```
#ba747d
```
#ba747d rgb(186,116,125)
```
#ba7477
```
#ba7477 rgb(186,116,119)
```
#ba7774
```
#ba7774 rgb(186,119,116)
```
#ba7d74
```
#ba7d74 rgb(186,125,116)
```
#ba8374
```
#ba8374 rgb(186,131,116)
```
#ba8974
```
#ba8974 rgb(186,137,116)
```

Similar Colors

Text with hexadecimal color #ba7774

This text has a font color of #ba7774.

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

#ba7774 background color

This paragraph has a background color of #ba7774.

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

#ba7774 border color

This element has a border color of #ba7774.

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

CSS codes

.text {color:#ba7774;}

.background {background-color:#ba7774;}

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

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

#050303
```
#050303 rgb(5,3,3)
```
#120909
```
#120909 rgb(18,9,9)
```
#1f1010
```
#1f1010 rgb(31,16,16)
```
#2d1716
```
#2d1716 rgb(45,23,22)
```
#3a1e1d
```
#3a1e1d rgb(58,30,29)
```
#472523
```
#472523 rgb(71,37,35)
```
#542b2a
```
#542b2a rgb(84,43,42)
```
#613230
```
#613230 rgb(97,50,48)
```
#6e3937
```
#6e3937 rgb(110,57,55)
```
#7b403d
```
#7b403d rgb(123,64,61)
```
#884744
```
#884744 rgb(136,71,68)
```
#954d4a
```
#954d4a rgb(149,77,74)
```
#a25451
```
#a25451 rgb(162,84,81)
```

Shade Color Variation

#ad5d5a
```
#ad5d5a rgb(173,93,90)
```
#b36a67
```
#b36a67 rgb(179,106,103)
```
#ba7774
```
#ba7774 rgb(186,119,116)
```
#c18481
```
#c18481 rgb(193,132,129)
```
#c7918e
```
#c7918e rgb(199,145,142)
```
#ce9d9b
```
#ce9d9b rgb(206,157,155)
```
#d4aaa8
```
#d4aaa8 rgb(212,170,168)
```
#dbb7b6
```
#dbb7b6 rgb(219,183,182)
```
#e1c4c3
```
#e1c4c3 rgb(225,196,195)
```
#e8d1d0
```
#e8d1d0 rgb(232,209,208)
```
#eededd
```
#eededd rgb(238,222,221)
```
#f5eaea
```
#f5eaea rgb(245,234,234)
```
#fbf7f7
```
#fbf7f7 rgb(251,247,247)
```

Tint Color Variation

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

#9a9494
```
#9a9494 rgb(154,148,148)
```
#a28d8c
```
#a28d8c rgb(162,141,140)
```
#aa8684
```
#aa8684 rgb(170,134,132)
```
#b27e7c
```
#b27e7c rgb(178,126,124)
```
#ba7774
```
#ba7774 rgb(186,119,116)
```
#c2706c
```
#c2706c rgb(194,112,108)
```
#ca6864
```
#ca6864 rgb(202,104,100)
```
#d2615c
```
#d2615c rgb(210,97,92)
```
#da5a54
```
#da5a54 rgb(218,90,84)
```
#e2524c
```
#e2524c rgb(226,82,76)
```
#ea4b44
```
#ea4b44 rgb(234,75,68)
```
#f2443c
```
#f2443c rgb(242,68,60)
```
#fa3c34
```
#fa3c34 rgb(250,60,52)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#948786 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948e82 Protanopia 1% of men
#a48978 Deuteranopia 1% of men
#be7c84 Tritanopia 0.001% of the population

Trichromacy

#a1857d Protanomaly 1% of men, 0.01% of women
#ac8276 Deuteranomaly 6% of men, 0.4% of women
#bc7a7e Tritanomaly 0.01% of the population

#ba7774 hex color

#ba7774 Color Information

#ba7774 Color Conversion

Color Schemes with #ba7774

Alternatives to #ba7774

#ba7774 Preview

Shades and Tints of #ba7774

Tones of #ba7774

Color Blindness Simulator