#ba4674 hex color

In a RGB color space, hex #ba4674 is composed of 72.9% red, 27.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.4% magenta, 37.6% yellow and 27.1% black. It has a hue angle of 336.2 degrees, a saturation of 45.7% and a lightness of 50.2%. #ba4674 color hex could be obtained by blending #ff8ce8 with #750000. Closest websafe color is: #cc3366.

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

● #ba4674 color description : Moderate pink.

The hexadecimal color #ba4674 has RGB values of R:186, G:70, B:116 and CMYK values of C:0, M:0.62, Y:0.38, K:0.27. Its decimal value is 12207732.

Hex triplet	ba4674	`#ba4674`
RGB Decimal	186, 70, 116	`rgb(186,70,116)`
RGB Percent	72.9, 27.5, 45.5	`rgb(72.9%,27.5%,45.5%)`
CMYK	0, 62, 38, 27
HSL	336.2°, 45.7, 50.2	`hsl(336.2,45.7%,50.2%)`
HSV (or HSB)	336.2°, 62.4, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.083, 50.963, -1.566
XYZ	25.593, 16.083, 18.279
xyY	0.427, 0.268, 16.083
CIE-LCH	47.083, 50.987, 358.24
CIE-LUV	47.083, 73.7, -11.236
Hunter-Lab	40.103, 43.733, 1.049
Binary	10111010, 01000110, 01110100

#ba4674
```
#ba4674 rgb(186,70,116)
```
#46ba8c
```
#46ba8c rgb(70,186,140)
```

Complementary Color

#ba46ae
```
#ba46ae rgb(186,70,174)
```
#ba4674
```
#ba4674 rgb(186,70,116)
```
#ba5246
```
#ba5246 rgb(186,82,70)
```

Analogous Color

#46aeba
```
#46aeba rgb(70,174,186)
```
#ba4674
```
#ba4674 rgb(186,70,116)
```
#46ba52
```
#46ba52 rgb(70,186,82)
```

Split Complementary Color

#4674ba
```
#4674ba rgb(70,116,186)
```
#ba4674
```
#ba4674 rgb(186,70,116)
```
#74ba46
```
#74ba46 rgb(116,186,70)
```

Triadic Color

#8c46ba
```
#8c46ba rgb(140,70,186)
```
#ba4674
```
#ba4674 rgb(186,70,116)
```
#74ba46
```
#74ba46 rgb(116,186,70)
```
#46ba8c
```
#46ba8c rgb(70,186,140)
```

Tetradic Color

#833151
```
#833151 rgb(131,49,81)
```
#95385d
```
#95385d rgb(149,56,93)
```
#a83f68
```
#a83f68 rgb(168,63,104)
```
#ba4674
```
#ba4674 rgb(186,70,116)
```
#c15982
```
#c15982 rgb(193,89,130)
```
#c86b90
```
#c86b90 rgb(200,107,144)
```
#cf7e9e
```
#cf7e9e rgb(207,126,158)
```

Monochromatic Color

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

#ba4691
```
#ba4691 rgb(186,70,145)
```
#ba4687
```
#ba4687 rgb(186,70,135)
```
#ba467e
```
#ba467e rgb(186,70,126)
```
#ba4674
```
#ba4674 rgb(186,70,116)
```
#ba466a
```
#ba466a rgb(186,70,106)
```
#ba4661
```
#ba4661 rgb(186,70,97)
```
#ba4657
```
#ba4657 rgb(186,70,87)
```

Similar Colors

Text with hexadecimal color #ba4674

This text has a font color of #ba4674.

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

#ba4674 background color

This paragraph has a background color of #ba4674.

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

#ba4674 border color

This element has a border color of #ba4674.

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

CSS codes

.text {color:#ba4674;}

.background {background-color:#ba4674;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#0f0609
```
#0f0609 rgb(15,6,9)
```
#1d0b12
```
#1d0b12 rgb(29,11,18)
```
#2c101b
```
#2c101b rgb(44,16,27)
```
#3a1624
```
#3a1624 rgb(58,22,36)
```
#481b2d
```
#481b2d rgb(72,27,45)
```
#562036
```
#562036 rgb(86,32,54)
```
#65263f
```
#65263f rgb(101,38,63)
```
#732b48
```
#732b48 rgb(115,43,72)
```
#813050
```
#813050 rgb(129,48,80)
```
#903659
```
#903659 rgb(144,54,89)
```
#9e3b62
```
#9e3b62 rgb(158,59,98)
```
#ac406b
```
#ac406b rgb(172,64,107)
```

Shade Color Variation

#ba4674
```
#ba4674 rgb(186,70,116)
```
#bf547f
```
#bf547f rgb(191,84,127)
```
#c56389
```
#c56389 rgb(197,99,137)
```
#ca7194
```
#ca7194 rgb(202,113,148)
```
#cf7f9f
```
#cf7f9f rgb(207,127,159)
```
#d58daa
```
#d58daa rgb(213,141,170)
```
#da9cb4
```
#da9cb4 rgb(218,156,180)
```
#dfaabf
```
#dfaabf rgb(223,170,191)
```
#e5b8ca
```
#e5b8ca rgb(229,184,202)
```
#eac7d5
```
#eac7d5 rgb(234,199,213)
```
#efd5df
```
#efd5df rgb(239,213,223)
```
#f5e3ea
```
#f5e3ea rgb(245,227,234)
```
#faf1f5
```
#faf1f5 rgb(250,241,245)
```

Tint Color Variation

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

#89777e
```
#89777e rgb(137,119,126)
```
#936d7c
```
#936d7c rgb(147,109,124)
```
#9d637a
```
#9d637a rgb(157,99,122)
```
#a65a78
```
#a65a78 rgb(166,90,120)
```
#b05076
```
#b05076 rgb(176,80,118)
```
#ba4674
```
#ba4674 rgb(186,70,116)
```
#c43c72
```
#c43c72 rgb(196,60,114)
```
#ce3270
```
#ce3270 rgb(206,50,112)
```
#d7296e
```
#d7296e rgb(215,41,110)
```
#e11f6c
```
#e11f6c rgb(225,31,108)
```
#eb156a
```
#eb156a rgb(235,21,106)
```
#f50b68
```
#f50b68 rgb(245,11,104)
```
#fe0266
```
#fe0266 rgb(254,2,102)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7d666f Atypical Achromatopsia 0.001% of the population

Dichromacy

#707690 Protanopia 1% of men
#837373 Deuteranopia 1% of men
#bb565b Tritanopia 0.001% of the population

Trichromacy

#8b6485 Protanomaly 1% of men, 0.01% of women
#976273 Deuteranomaly 6% of men, 0.4% of women
#ba5064 Tritanomaly 0.01% of the population

#ba4674 hex color

#ba4674 Color Information

#ba4674 Color Conversion

Color Schemes with #ba4674

Alternatives to #ba4674

#ba4674 Preview

Shades and Tints of #ba4674

Tones of #ba4674

Color Blindness Simulator