#ba7770 hex color

In a RGB color space, hex #ba7770 is composed of 72.9% red, 46.7% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36% magenta, 39.8% yellow and 27.1% black. It has a hue angle of 5.7 degrees, a saturation of 34.9% and a lightness of 58.4%. #ba7770 color hex could be obtained by blending #ffeee0 with #750000. Closest websafe color is: #cc6666.

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

● #ba7770 color description : Slightly desaturated red.

The hexadecimal color #ba7770 has RGB values of R:186, G:119, B:112 and CMYK values of C:0, M:0.36, Y:0.4, K:0.27. Its decimal value is 12220272.

Hex triplet	ba7770	`#ba7770`
RGB Decimal	186, 119, 112	`rgb(186,119,112)`
RGB Percent	72.9, 46.7, 43.9	`rgb(72.9%,46.7%,43.9%)`
CMYK	0, 36, 40, 27
HSL	5.7°, 34.9, 58.4	`hsl(5.7,34.9%,58.4%)`
HSV (or HSB)	5.7°, 39.8, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	56.884, 25.409, 14.794
XYZ	29.771, 24.804, 18.548
xyY	0.407, 0.339, 24.804
CIE-LCH	56.884, 29.402, 30.209
CIE-LUV	56.884, 46.194, 14.523
Hunter-Lab	49.804, 19.545, 12.782
Binary	10111010, 01110111, 01110000

#ba7770
```
#ba7770 rgb(186,119,112)
```
#70b3ba
```
#70b3ba rgb(112,179,186)
```

Complementary Color

#ba708e
```
#ba708e rgb(186,112,142)
```
#ba7770
```
#ba7770 rgb(186,119,112)
```
#ba9c70
```
#ba9c70 rgb(186,156,112)
```

Analogous Color

#708eba
```
#708eba rgb(112,142,186)
```
#ba7770
```
#ba7770 rgb(186,119,112)
```
#70ba9c
```
#70ba9c rgb(112,186,156)
```

Split Complementary Color

#7770ba
```
#7770ba rgb(119,112,186)
```
#ba7770
```
#ba7770 rgb(186,119,112)
```
#70ba77
```
#70ba77 rgb(112,186,119)
```

Triadic Color

#ba70b3
```
#ba70b3 rgb(186,112,179)
```
#ba7770
```
#ba7770 rgb(186,119,112)
```
#70ba77
```
#70ba77 rgb(112,186,119)
```
#70b3ba
```
#70b3ba rgb(112,179,186)
```

Tetradic Color

#954f48
```
#954f48 rgb(149,79,72)
```
#a75950
```
#a75950 rgb(167,89,80)
```
#b2675f
```
#b2675f rgb(178,103,95)
```
#ba7770
```
#ba7770 rgb(186,119,112)
```
#c28781
```
#c28781 rgb(194,135,129)
```
#cb9892
```
#cb9892 rgb(203,152,146)
```
#d3a8a4
```
#d3a8a4 rgb(211,168,164)
```

Monochromatic Color

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

#ba707c
```
#ba707c rgb(186,112,124)
```
#ba7075
```
#ba7075 rgb(186,112,117)
```
#ba7170
```
#ba7170 rgb(186,113,112)
```
#ba7770
```
#ba7770 rgb(186,119,112)
```
#ba7d70
```
#ba7d70 rgb(186,125,112)
```
#ba8370
```
#ba8370 rgb(186,131,112)
```
#ba8a70
```
#ba8a70 rgb(186,138,112)
```

Similar Colors

Text with hexadecimal color #ba7770

This text has a font color of #ba7770.

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

#ba7770 background color

This paragraph has a background color of #ba7770.

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

#ba7770 border color

This element has a border color of #ba7770.

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

CSS codes

.text {color:#ba7770;}

.background {background-color:#ba7770;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#100808
```
#100808 rgb(16,8,8)
```
#1d0f0e
```
#1d0f0e rgb(29,15,14)
```
#2a1614
```
#2a1614 rgb(42,22,20)
```
#371d1b
```
#371d1b rgb(55,29,27)
```
#452521
```
#452521 rgb(69,37,33)
```
#522c28
```
#522c28 rgb(82,44,40)
```
#5f332e
```
#5f332e rgb(95,51,46)
```
#6c3a34
```
#6c3a34 rgb(108,58,52)
```
#7a413b
```
#7a413b rgb(122,65,59)
```
#874841
```
#874841 rgb(135,72,65)
```
#944f47
```
#944f47 rgb(148,79,71)
```
#a1564e
```
#a1564e rgb(161,86,78)
```

Shade Color Variation

#ad5e56
```
#ad5e56 rgb(173,94,86)
```
#b46a63
```
#b46a63 rgb(180,106,99)
```
#ba7770
```
#ba7770 rgb(186,119,112)
```
#c0847d
```
#c0847d rgb(192,132,125)
```
#c7908a
```
#c7908a rgb(199,144,138)
```
#cd9d98
```
#cd9d98 rgb(205,157,152)
```
#d4a9a5
```
#d4a9a5 rgb(212,169,165)
```
#dab6b2
```
#dab6b2 rgb(218,182,178)
```
#e0c3bf
```
#e0c3bf rgb(224,195,191)
```
#e7cfcd
```
#e7cfcd rgb(231,207,205)
```
#eddcda
```
#eddcda rgb(237,220,218)
```
#f3e8e7
```
#f3e8e7 rgb(243,232,231)
```
#faf5f4
```
#faf5f4 rgb(250,245,244)
```

Tint Color Variation

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

#999191
```
#999191 rgb(153,145,145)
```
#a28b88
```
#a28b88 rgb(162,139,136)
```
#aa8480
```
#aa8480 rgb(170,132,128)
```
#b27e78
```
#b27e78 rgb(178,126,120)
```
#ba7770
```
#ba7770 rgb(186,119,112)
```
#c27068
```
#c27068 rgb(194,112,104)
```
#ca6a60
```
#ca6a60 rgb(202,106,96)
```
#d26358
```
#d26358 rgb(210,99,88)
```
#db5d4f
```
#db5d4f rgb(219,93,79)
```
#e35647
```
#e35647 rgb(227,86,71)
```
#eb4f3f
```
#eb4f3f rgb(235,79,63)
```
#f34937
```
#f34937 rgb(243,73,55)
```
#fb422f
```
#fb422f rgb(251,66,47)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#948685 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948e7e Protanopia 1% of men
#a58974 Deuteranopia 1% of men
#be7c84 Tritanopia 0.001% of the population

Trichromacy

#a28579 Protanomaly 1% of men, 0.01% of women
#ac8272 Deuteranomaly 6% of men, 0.4% of women
#bd7a7d Tritanomaly 0.01% of the population

#ba7770 hex color

#ba7770 Color Information

#ba7770 Color Conversion

Color Schemes with #ba7770

Alternatives to #ba7770

#ba7770 Preview

Shades and Tints of #ba7770

Tones of #ba7770

Color Blindness Simulator