#ba657f hex color

In a RGB color space, hex #ba657f is composed of 72.9% red, 39.6% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 31.7% yellow and 27.1% black. It has a hue angle of 341.6 degrees, a saturation of 38.1% and a lightness of 56.3%. #ba657f color hex could be obtained by blending #ffcafe with #750000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 40
- B 50
RGB color chart
- C 0
- M 46
- Y 32
- K 27
CMYK color chart

● #ba657f color description : Slightly desaturated pink.

The hexadecimal color #ba657f has RGB values of R:186, G:101, B:127 and CMYK values of C:0, M:0.46, Y:0.32, K:0.27. Its decimal value is 12215679.

Hex triplet	ba657f	`#ba657f`
RGB Decimal	186, 101, 127	`rgb(186,101,127)`
RGB Percent	72.9, 39.6, 49.8	`rgb(72.9%,39.6%,49.8%)`
CMYK	0, 46, 32, 27
HSL	341.6°, 38.1, 56.3	`hsl(341.6,38.1%,56.3%)`
HSV (or HSB)	341.6°, 45.7, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.255, 37.062, 0.864
XYZ	28.734, 21.281, 22.672
xyY	0.395, 0.293, 21.281
CIE-LCH	53.255, 37.072, 1.335
CIE-LUV	53.255, 54.332, -5.464
Hunter-Lab	46.131, 30.456, 3.153
Binary	10111010, 01100101, 01111111

#ba657f
```
#ba657f rgb(186,101,127)
```
#65baa0
```
#65baa0 rgb(101,186,160)
```

Complementary Color

#ba65aa
```
#ba65aa rgb(186,101,170)
```
#ba657f
```
#ba657f rgb(186,101,127)
```
#ba7665
```
#ba7665 rgb(186,118,101)
```

Analogous Color

#65aaba
```
#65aaba rgb(101,170,186)
```
#ba657f
```
#ba657f rgb(186,101,127)
```
#65ba76
```
#65ba76 rgb(101,186,118)
```

Split Complementary Color

#657fba
```
#657fba rgb(101,127,186)
```
#ba657f
```
#ba657f rgb(186,101,127)
```
#7fba65
```
#7fba65 rgb(127,186,101)
```

Triadic Color

#a065ba
```
#a065ba rgb(160,101,186)
```
#ba657f
```
#ba657f rgb(186,101,127)
```
#7fba65
```
#7fba65 rgb(127,186,101)
```
#65baa0
```
#65baa0 rgb(101,186,160)
```

Tetradic Color

#91415a
```
#91415a rgb(145,65,90)
```
#a34965
```
#a34965 rgb(163,73,101)
```
#b25370
```
#b25370 rgb(178,83,112)
```
#ba657f
```
#ba657f rgb(186,101,127)
```
#c2778e
```
#c2778e rgb(194,119,142)
```
#ca889c
```
#ca889c rgb(202,136,156)
```
#d29aab
```
#d29aab rgb(210,154,171)
```

Monochromatic Color

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

#ba6594
```
#ba6594 rgb(186,101,148)
```
#ba658d
```
#ba658d rgb(186,101,141)
```
#ba6586
```
#ba6586 rgb(186,101,134)
```
#ba657f
```
#ba657f rgb(186,101,127)
```
#ba6578
```
#ba6578 rgb(186,101,120)
```
#ba6571
```
#ba6571 rgb(186,101,113)
```
#ba656a
```
#ba656a rgb(186,101,106)
```

Similar Colors

Text with hexadecimal color #ba657f

This text has a font color of #ba657f.

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

#ba657f background color

This paragraph has a background color of #ba657f.

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

#ba657f border color

This element has a border color of #ba657f.

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

CSS codes

.text {color:#ba657f;}

.background {background-color:#ba657f;}

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

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

#090405
```
#090405 rgb(9,4,5)
```
#160a0e
```
#160a0e rgb(22,10,14)
```
#241016
```
#241016 rgb(36,16,22)
```
#31161e
```
#31161e rgb(49,22,30)
```
#3f1c27
```
#3f1c27 rgb(63,28,39)
```
#4c222f
```
#4c222f rgb(76,34,47)
```
#5a2837
```
#5a2837 rgb(90,40,55)
```
#672e40
```
#672e40 rgb(103,46,64)
```
#753448
```
#753448 rgb(117,52,72)
```
#823a50
```
#823a50 rgb(130,58,80)
```
#904159
```
#904159 rgb(144,65,89)
```
#9e4761
```
#9e4761 rgb(158,71,97)
```
#ab4d6a
```
#ab4d6a rgb(171,77,106)
```

Shade Color Variation

#b45774
```
#b45774 rgb(180,87,116)
```
#ba657f
```
#ba657f rgb(186,101,127)
```
#c0738a
```
#c0738a rgb(192,115,138)
```
#c68096
```
#c68096 rgb(198,128,150)
```
#cc8ea1
```
#cc8ea1 rgb(204,142,161)
```
#d29bac
```
#d29bac rgb(210,155,172)
```
#d8a9b7
```
#d8a9b7 rgb(216,169,183)
```
#deb6c3
```
#deb6c3 rgb(222,182,195)
```
#e4c4ce
```
#e4c4ce rgb(228,196,206)
```
#ebd1d9
```
#ebd1d9 rgb(235,209,217)
```
#f1dfe4
```
#f1dfe4 rgb(241,223,228)
```
#f7ecf0
```
#f7ecf0 rgb(247,236,240)
```
#fdfafb
```
#fdfafb rgb(253,250,251)
```

Tint Color Variation

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

#98878c
```
#98878c rgb(152,135,140)
```
#a07f89
```
#a07f89 rgb(160,127,137)
```
#a97686
```
#a97686 rgb(169,118,134)
```
#b16e82
```
#b16e82 rgb(177,110,130)
```
#ba657f
```
#ba657f rgb(186,101,127)
```
#c35c7c
```
#c35c7c rgb(195,92,124)
```
#cb5478
```
#cb5478 rgb(203,84,120)
```
#d44b75
```
#d44b75 rgb(212,75,117)
```
#dc4372
```
#dc4372 rgb(220,67,114)
```
#e53a6e
```
#e53a6e rgb(229,58,110)
```
#ed326b
```
#ed326b rgb(237,50,107)
```
#f62968
```
#f62968 rgb(246,41,104)
```
#ff2064
```
#ff2064 rgb(255,32,100)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8c7b81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#848492 Protanopia 1% of men
#948180 Deuteranopia 1% of men
#bc6f77 Tritanopia 0.001% of the population

Trichromacy

#97798b Protanomaly 1% of men, 0.01% of women
#a2777f Deuteranomaly 6% of men, 0.4% of women
#bb6b79 Tritanomaly 0.01% of the population

#ba657f hex color

#ba657f Color Information

#ba657f Color Conversion

Color Schemes with #ba657f

Alternatives to #ba657f

#ba657f Preview

Shades and Tints of #ba657f

Tones of #ba657f

Color Blindness Simulator