#ba5c74 hex color

In a RGB color space, hex #ba5c74 is composed of 72.9% red, 36.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.5% magenta, 37.6% yellow and 27.1% black. It has a hue angle of 344.7 degrees, a saturation of 40.5% and a lightness of 54.5%. #ba5c74 color hex could be obtained by blending #ffb8e8 with #750000. Closest websafe color is: #cc6666.

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

● #ba5c74 color description : Moderate pink.

The hexadecimal color #ba5c74 has RGB values of R:186, G:92, B:116 and CMYK values of C:0, M:0.51, Y:0.38, K:0.27. Its decimal value is 12213364.

Hex triplet	ba5c74	`#ba5c74`
RGB Decimal	186, 92, 116	`rgb(186,92,116)`
RGB Percent	72.9, 36.1, 45.5	`rgb(72.9%,36.1%,45.5%)`
CMYK	0, 51, 38, 27
HSL	344.7°, 40.5, 54.5	`hsl(344.7,40.5%,54.5%)`
HSV (or HSB)	344.7°, 50.5, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	51.102, 40.382, 4.276
XYZ	27.23, 19.356, 18.824
xyY	0.416, 0.296, 19.356
CIE-LCH	51.102, 40.608, 6.045
CIE-LUV	51.102, 62.013, -1.728
Hunter-Lab	43.996, 33.483, 5.429
Binary	10111010, 01011100, 01110100

#ba5c74
```
#ba5c74 rgb(186,92,116)
```
#5cbaa2
```
#5cbaa2 rgb(92,186,162)
```

Complementary Color

#ba5ca3
```
#ba5ca3 rgb(186,92,163)
```
#ba5c74
```
#ba5c74 rgb(186,92,116)
```
#ba735c
```
#ba735c rgb(186,115,92)
```

Analogous Color

#5ca3ba
```
#5ca3ba rgb(92,163,186)
```
#ba5c74
```
#ba5c74 rgb(186,92,116)
```
#5cba73
```
#5cba73 rgb(92,186,115)
```

Split Complementary Color

#5c74ba
```
#5c74ba rgb(92,116,186)
```
#ba5c74
```
#ba5c74 rgb(186,92,116)
```
#74ba5c
```
#74ba5c rgb(116,186,92)
```

Triadic Color

#a25cba
```
#a25cba rgb(162,92,186)
```
#ba5c74
```
#ba5c74 rgb(186,92,116)
```
#74ba5c
```
#74ba5c rgb(116,186,92)
```
#5cbaa2
```
#5cbaa2 rgb(92,186,162)
```

Tetradic Color

#8e3c51
```
#8e3c51 rgb(142,60,81)
```
#9f445b
```
#9f445b rgb(159,68,91)
```
#b14b65
```
#b14b65 rgb(177,75,101)
```
#ba5c74
```
#ba5c74 rgb(186,92,116)
```
#c26e83
```
#c26e83 rgb(194,110,131)
```
#c98093
```
#c98093 rgb(201,128,147)
```
#d192a2
```
#d192a2 rgb(209,146,162)
```

Monochromatic Color

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

#ba5c8c
```
#ba5c8c rgb(186,92,140)
```
#ba5c84
```
#ba5c84 rgb(186,92,132)
```
#ba5c7c
```
#ba5c7c rgb(186,92,124)
```
#ba5c74
```
#ba5c74 rgb(186,92,116)
```
#ba5c6c
```
#ba5c6c rgb(186,92,108)
```
#ba5c64
```
#ba5c64 rgb(186,92,100)
```
#ba5c5c
```
#ba5c5c rgb(186,92,92)
```

Similar Colors

Text with hexadecimal color #ba5c74

This text has a font color of #ba5c74.

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

#ba5c74 background color

This paragraph has a background color of #ba5c74.

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

#ba5c74 border color

This element has a border color of #ba5c74.

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

CSS codes

.text {color:#ba5c74;}

.background {background-color:#ba5c74;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#100709
```
#100709 rgb(16,7,9)
```
#1e0d11
```
#1e0d11 rgb(30,13,17)
```
#2c1319
```
#2c1319 rgb(44,19,25)
```
#3a1821
```
#3a1821 rgb(58,24,33)
```
#471e29
```
#471e29 rgb(71,30,41)
```
#552431
```
#552431 rgb(85,36,49)
```
#632a38
```
#632a38 rgb(99,42,56)
```
#713040
```
#713040 rgb(113,48,64)
```
#7e3648
```
#7e3648 rgb(126,54,72)
```
#8c3b50
```
#8c3b50 rgb(140,59,80)
```
#9a4158
```
#9a4158 rgb(154,65,88)
```
#a84760
```
#a84760 rgb(168,71,96)
```

Shade Color Variation

#b44e68
```
#b44e68 rgb(180,78,104)
```
#ba5c74
```
#ba5c74 rgb(186,92,116)
```
#c06a80
```
#c06a80 rgb(192,106,128)
```
#c6788c
```
#c6788c rgb(198,120,140)
```
#cc8597
```
#cc8597 rgb(204,133,151)
```
#d193a3
```
#d193a3 rgb(209,147,163)
```
#d7a1af
```
#d7a1af rgb(215,161,175)
```
#ddafbb
```
#ddafbb rgb(221,175,187)
```
#e3bcc6
```
#e3bcc6 rgb(227,188,198)
```
#e9cad2
```
#e9cad2 rgb(233,202,210)
```
#efd8de
```
#efd8de rgb(239,216,222)
```
#f4e6ea
```
#f4e6ea rgb(244,230,234)
```
#faf4f5
```
#faf4f5 rgb(250,244,245)
```

Tint Color Variation

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

#8d898a
```
#8d898a rgb(141,137,138)
```
#968085
```
#968085 rgb(150,128,133)
```
#9f7781
```
#9f7781 rgb(159,119,129)
```
#a86e7d
```
#a86e7d rgb(168,110,125)
```
#b16578
```
#b16578 rgb(177,101,120)
```
#ba5c74
```
#ba5c74 rgb(186,92,116)
```
#c35370
```
#c35370 rgb(195,83,112)
```
#cc4a6b
```
#cc4a6b rgb(204,74,107)
```
#d54167
```
#d54167 rgb(213,65,103)
```
#de3863
```
#de3863 rgb(222,56,99)
```
#e72f5e
```
#e72f5e rgb(231,47,94)
```
#f0265a
```
#f0265a rgb(240,38,90)
```
#f81e55
```
#f81e55 rgb(248,30,85)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#88757a Atypical Achromatopsia 0.001% of the population

Dichromacy

#807f89 Protanopia 1% of men
#907c75 Deuteranopia 1% of men
#bc676d Tritanopia 0.001% of the population

Trichromacy

#957281 Protanomaly 1% of men, 0.01% of women
#9f7074 Deuteranomaly 6% of men, 0.4% of women
#bb636f Tritanomaly 0.01% of the population

#ba5c74 hex color

#ba5c74 Color Information

#ba5c74 Color Conversion

Color Schemes with #ba5c74

Alternatives to #ba5c74

#ba5c74 Preview

Shades and Tints of #ba5c74

Tones of #ba5c74

Color Blindness Simulator