#ba6077 hex color

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

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

● #ba6077 color description : Slightly desaturated pink.

The hexadecimal color #ba6077 has RGB values of R:186, G:96, B:119 and CMYK values of C:0, M:0.48, Y:0.36, K:0.27. Its decimal value is 12214391.

Hex triplet	ba6077	`#ba6077`
RGB Decimal	186, 96, 119	`rgb(186,96,119)`
RGB Percent	72.9, 37.6, 46.7	`rgb(72.9%,37.6%,46.7%)`
CMYK	0, 48, 36, 27
HSL	344.7°, 39.5, 55.3	`hsl(344.7,39.5%,55.3%)`
HSV (or HSB)	344.7°, 48.4, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	51.994, 38.673, 3.775
XYZ	27.763, 20.139, 19.877
xyY	0.41, 0.297, 20.139
CIE-LCH	51.994, 38.857, 5.575
CIE-LUV	51.994, 59, -2.006
Hunter-Lab	44.876, 31.895, 5.152
Binary	10111010, 01100000, 01110111

#ba6077
```
#ba6077 rgb(186,96,119)
```
#60baa3
```
#60baa3 rgb(96,186,163)
```

Complementary Color

#ba60a4
```
#ba60a4 rgb(186,96,164)
```
#ba6077
```
#ba6077 rgb(186,96,119)
```
#ba7660
```
#ba7660 rgb(186,118,96)
```

Analogous Color

#60a4ba
```
#60a4ba rgb(96,164,186)
```
#ba6077
```
#ba6077 rgb(186,96,119)
```
#60ba76
```
#60ba76 rgb(96,186,118)
```

Split Complementary Color

#6077ba
```
#6077ba rgb(96,119,186)
```
#ba6077
```
#ba6077 rgb(186,96,119)
```
#77ba60
```
#77ba60 rgb(119,186,96)
```

Triadic Color

#a360ba
```
#a360ba rgb(163,96,186)
```
#ba6077
```
#ba6077 rgb(186,96,119)
```
#77ba60
```
#77ba60 rgb(119,186,96)
```
#60baa3
```
#60baa3 rgb(96,186,163)
```

Tetradic Color

#8f3e53
```
#8f3e53 rgb(143,62,83)
```
#a1465d
```
#a1465d rgb(161,70,93)
```
#b24e68
```
#b24e68 rgb(178,78,104)
```
#ba6077
```
#ba6077 rgb(186,96,119)
```
#c27286
```
#c27286 rgb(194,114,134)
```
#c98495
```
#c98495 rgb(201,132,149)
```
#d195a5
```
#d195a5 rgb(209,149,165)
```

Monochromatic Color

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

#ba608e
```
#ba608e rgb(186,96,142)
```
#ba6086
```
#ba6086 rgb(186,96,134)
```
#ba607f
```
#ba607f rgb(186,96,127)
```
#ba6077
```
#ba6077 rgb(186,96,119)
```
#ba6070
```
#ba6070 rgb(186,96,112)
```
#ba6068
```
#ba6068 rgb(186,96,104)
```
#ba6061
```
#ba6061 rgb(186,96,97)
```

Similar Colors

Text with hexadecimal color #ba6077

This text has a font color of #ba6077.

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

#ba6077 background color

This paragraph has a background color of #ba6077.

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

#ba6077 border color

This element has a border color of #ba6077.

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

CSS codes

.text {color:#ba6077;}

.background {background-color:#ba6077;}

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

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

#050203
```
#050203 rgb(5,2,3)
```
#13080b
```
#13080b rgb(19,8,11)
```
#210e13
```
#210e13 rgb(33,14,19)
```
#2e141b
```
#2e141b rgb(46,20,27)
```
#3c1a23
```
#3c1a23 rgb(60,26,35)
```
#4a202b
```
#4a202b rgb(74,32,43)
```
#572632
```
#572632 rgb(87,38,50)
```
#652c3a
```
#652c3a rgb(101,44,58)
```
#733242
```
#733242 rgb(115,50,66)
```
#80384a
```
#80384a rgb(128,56,74)
```
#8e3e52
```
#8e3e52 rgb(142,62,82)
```
#9c445a
```
#9c445a rgb(156,68,90)
```
#a94962
```
#a94962 rgb(169,73,98)
```

Shade Color Variation

#b4526b
```
#b4526b rgb(180,82,107)
```
#ba6077
```
#ba6077 rgb(186,96,119)
```
#c06e83
```
#c06e83 rgb(192,110,131)
```
#c67b8e
```
#c67b8e rgb(198,123,142)
```
#cc899a
```
#cc899a rgb(204,137,154)
```
#d297a6
```
#d297a6 rgb(210,151,166)
```
#d8a4b2
```
#d8a4b2 rgb(216,164,178)
```
#deb2bd
```
#deb2bd rgb(222,178,189)
```
#e4c0c9
```
#e4c0c9 rgb(228,192,201)
```
#e9cdd5
```
#e9cdd5 rgb(233,205,213)
```
#efdbe0
```
#efdbe0 rgb(239,219,224)
```
#f5e9ec
```
#f5e9ec rgb(245,233,236)
```
#fbf6f8
```
#fbf6f8 rgb(251,246,248)
```

Tint Color Variation

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

#8e8c8c
```
#8e8c8c rgb(142,140,140)
```
#978388
```
#978388 rgb(151,131,136)
```
#a07a84
```
#a07a84 rgb(160,122,132)
```
#a87280
```
#a87280 rgb(168,114,128)
```
#b1697b
```
#b1697b rgb(177,105,123)
```
#ba6077
```
#ba6077 rgb(186,96,119)
```
#c35773
```
#c35773 rgb(195,87,115)
```
#cc4e6e
```
#cc4e6e rgb(204,78,110)
```
#d4466a
```
#d4466a rgb(212,70,106)
```
#dd3d66
```
#dd3d66 rgb(221,61,102)
```
#e63462
```
#e63462 rgb(230,52,98)
```
#ef2b5d
```
#ef2b5d rgb(239,43,93)
```
#f72359
```
#f72359 rgb(247,35,89)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8a787d Atypical Achromatopsia 0.001% of the population

Dichromacy

#82828b Protanopia 1% of men
#927e78 Deuteranopia 1% of men
#bc6a71 Tritanopia 0.001% of the population

Trichromacy

#967583 Protanomaly 1% of men, 0.01% of women
#a17377 Deuteranomaly 6% of men, 0.4% of women
#bb6673 Tritanomaly 0.01% of the population

#ba6077 hex color

#ba6077 Color Information

#ba6077 Color Conversion

Color Schemes with #ba6077

Alternatives to #ba6077

#ba6077 Preview

Shades and Tints of #ba6077

Tones of #ba6077

Color Blindness Simulator