#ba778f hex color

In a RGB color space, hex #ba778f is composed of 72.9% red, 46.7% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36% magenta, 23.1% yellow and 27.1% black. It has a hue angle of 338.5 degrees, a saturation of 32.7% and a lightness of 59.8%. #ba778f color hex could be obtained by blending #ffeeff with #75001f. Closest websafe color is: #cc6699.

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

● #ba778f color description : Slightly desaturated pink.

The hexadecimal color #ba778f has RGB values of R:186, G:119, B:143 and CMYK values of C:0, M:0.36, Y:0.23, K:0.27. Its decimal value is 12220303.

Hex triplet	ba778f	`#ba778f`
RGB Decimal	186, 119, 143	`rgb(186,119,143)`
RGB Percent	72.9, 46.7, 56.1	`rgb(72.9%,46.7%,56.1%)`
CMYK	0, 36, 23, 27
HSL	338.5°, 32.7, 59.8	`hsl(338.5,32.7%,59.8%)`
HSV (or HSB)	338.5°, 36, 72.9
Web Safe	cc6699	`#cc6699`

CIE-LAB	57.672, 29.572, -2.034
XYZ	31.804, 25.618, 29.255
xyY	0.367, 0.296, 25.618
CIE-LCH	57.672, 29.642, 356.065
CIE-LUV	57.672, 40.98, -8.043
Hunter-Lab	50.614, 23.59, 1.16
Binary	10111010, 01110111, 10001111

#ba778f
```
#ba778f rgb(186,119,143)
```
#77baa2
```
#77baa2 rgb(119,186,162)
```

Complementary Color

#ba77b1
```
#ba77b1 rgb(186,119,177)
```
#ba778f
```
#ba778f rgb(186,119,143)
```
#ba8177
```
#ba8177 rgb(186,129,119)
```

Analogous Color

#77b1ba
```
#77b1ba rgb(119,177,186)
```
#ba778f
```
#ba778f rgb(186,119,143)
```
#77ba81
```
#77ba81 rgb(119,186,129)
```

Split Complementary Color

#778fba
```
#778fba rgb(119,143,186)
```
#ba778f
```
#ba778f rgb(186,119,143)
```
#8fba77
```
#8fba77 rgb(143,186,119)
```

Triadic Color

#a277ba
```
#a277ba rgb(162,119,186)
```
#ba778f
```
#ba778f rgb(186,119,143)
```
#8fba77
```
#8fba77 rgb(143,186,119)
```
#77baa2
```
#77baa2 rgb(119,186,162)
```

Tetradic Color

#984d68
```
#984d68 rgb(152,77,104)
```
#a95573
```
#a95573 rgb(169,85,115)
```
#b16681
```
#b16681 rgb(177,102,129)
```
#ba778f
```
#ba778f rgb(186,119,143)
```
#c3889d
```
#c3889d rgb(195,136,157)
```
#cb99ab
```
#cb99ab rgb(203,153,171)
```
#d4aab9
```
#d4aab9 rgb(212,170,185)
```

Monochromatic Color

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

#ba77a0
```
#ba77a0 rgb(186,119,160)
```
#ba779a
```
#ba779a rgb(186,119,154)
```
#ba7795
```
#ba7795 rgb(186,119,149)
```
#ba778f
```
#ba778f rgb(186,119,143)
```
#ba7789
```
#ba7789 rgb(186,119,137)
```
#ba7784
```
#ba7784 rgb(186,119,132)
```
#ba777e
```
#ba777e rgb(186,119,126)
```

Similar Colors

Text with hexadecimal color #ba778f

This text has a font color of #ba778f.

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

#ba778f background color

This paragraph has a background color of #ba778f.

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

#ba778f border color

This element has a border color of #ba778f.

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

CSS codes

.text {color:#ba778f;}

.background {background-color:#ba778f;}

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

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

#070405
```
#070405 rgb(7,4,5)
```
#140a0e
```
#140a0e rgb(20,10,14)
```
#211117
```
#211117 rgb(33,17,23)
```
#2e1720
```
#2e1720 rgb(46,23,32)
```
#3b1e28
```
#3b1e28 rgb(59,30,40)
```
#482531
```
#482531 rgb(72,37,49)
```
#552b3a
```
#552b3a rgb(85,43,58)
```
#623243
```
#623243 rgb(98,50,67)
```
#6f384c
```
#6f384c rgb(111,56,76)
```
#7c3f55
```
#7c3f55 rgb(124,63,85)
```
#89465e
```
#89465e rgb(137,70,94)
```
#964c67
```
#964c67 rgb(150,76,103)
```
#a35370
```
#a35370 rgb(163,83,112)
```

Shade Color Variation

#ad5d7a
```
#ad5d7a rgb(173,93,122)
```
#b36a84
```
#b36a84 rgb(179,106,132)
```
#ba778f
```
#ba778f rgb(186,119,143)
```
#c1849a
```
#c1849a rgb(193,132,154)
```
#c791a4
```
#c791a4 rgb(199,145,164)
```
#ce9eaf
```
#ce9eaf rgb(206,158,175)
```
#d4abba
```
#d4abba rgb(212,171,186)
```
#dbb8c5
```
#dbb8c5 rgb(219,184,197)
```
#e2c5cf
```
#e2c5cf rgb(226,197,207)
```
#e8d2da
```
#e8d2da rgb(232,210,218)
```
#efdfe5
```
#efdfe5 rgb(239,223,229)
```
#f5ecef
```
#f5ecef rgb(245,236,239)
```
#fcf9fa
```
#fcf9fa rgb(252,249,250)
```

Tint Color Variation

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

#9a9798
```
#9a9798 rgb(154,151,152)
```
#a28f96
```
#a28f96 rgb(162,143,150)
```
#aa8793
```
#aa8793 rgb(170,135,147)
```
#b27f91
```
#b27f91 rgb(178,127,145)
```
#ba778f
```
#ba778f rgb(186,119,143)
```
#c26f8d
```
#c26f8d rgb(194,111,141)
```
#ca678b
```
#ca678b rgb(202,103,139)
```
#d25f88
```
#d25f88 rgb(210,95,136)
```
#da5786
```
#da5786 rgb(218,87,134)
```
#e15084
```
#e15084 rgb(225,80,132)
```
#e94882
```
#e94882 rgb(233,72,130)
```
#f1407f
```
#f1407f rgb(241,64,127)
```
#f9387d
```
#f9387d rgb(249,56,125)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#97898e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8f9e Protanopia 1% of men
#9d8c90 Deuteranopia 1% of men
#bc8088 Tritanopia 0.001% of the population

Trichromacy

#9e8698 Protanomaly 1% of men, 0.01% of women
#a78490 Deuteranomaly 6% of men, 0.4% of women
#bb7c8b Tritanomaly 0.01% of the population

#ba778f hex color

#ba778f Color Information

#ba778f Color Conversion

Color Schemes with #ba778f

Alternatives to #ba778f

#ba778f Preview

Shades and Tints of #ba778f

Tones of #ba778f

Color Blindness Simulator