#ba4561 hex color

In a RGB color space, hex #ba4561 is composed of 72.9% red, 27.1% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.9% magenta, 47.8% yellow and 27.1% black. It has a hue angle of 345.6 degrees, a saturation of 45.9% and a lightness of 50%. #ba4561 color hex could be obtained by blending #ff8ac2 with #750000. Closest websafe color is: #cc3366.

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

● #ba4561 color description : Moderate red.

The hexadecimal color #ba4561 has RGB values of R:186, G:69, B:97 and CMYK values of C:0, M:0.63, Y:0.48, K:0.27. Its decimal value is 12207457.

Hex triplet	ba4561	`#ba4561`
RGB Decimal	186, 69, 97	`rgb(186,69,97)`
RGB Percent	72.9, 27.1, 38	`rgb(72.9%,27.1%,38%)`
CMYK	0, 63, 48, 27
HSL	345.6°, 45.9, 50	`hsl(345.6,45.9%,50%)`
HSV (or HSB)	345.6°, 62.9, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.393, 49.431, 9.041
XYZ	24.536, 15.561, 13.02
xyY	0.462, 0.293, 15.561
CIE-LCH	46.393, 50.251, 10.365
CIE-LUV	46.393, 79.975, 1.924
Hunter-Lab	39.447, 41.995, 8.044
Binary	10111010, 01000101, 01100001

#ba4561
```
#ba4561 rgb(186,69,97)
```
#45ba9e
```
#45ba9e rgb(69,186,158)
```

Complementary Color

#ba459c
```
#ba459c rgb(186,69,156)
```
#ba4561
```
#ba4561 rgb(186,69,97)
```
#ba6445
```
#ba6445 rgb(186,100,69)
```

Analogous Color

#459cba
```
#459cba rgb(69,156,186)
```
#ba4561
```
#ba4561 rgb(186,69,97)
```
#45ba64
```
#45ba64 rgb(69,186,100)
```

Split Complementary Color

#4561ba
```
#4561ba rgb(69,97,186)
```
#ba4561
```
#ba4561 rgb(186,69,97)
```
#61ba45
```
#61ba45 rgb(97,186,69)
```

Triadic Color

#9e45ba
```
#9e45ba rgb(158,69,186)
```
#ba4561
```
#ba4561 rgb(186,69,97)
```
#61ba45
```
#61ba45 rgb(97,186,69)
```
#45ba9e
```
#45ba9e rgb(69,186,158)
```

Tetradic Color

#823044
```
#823044 rgb(130,48,68)
```
#95374e
```
#95374e rgb(149,55,78)
```
#a73e57
```
#a73e57 rgb(167,62,87)
```
#ba4561
```
#ba4561 rgb(186,69,97)
```
#c15871
```
#c15871 rgb(193,88,113)
```
#c86a81
```
#c86a81 rgb(200,106,129)
```
#cf7d90
```
#cf7d90 rgb(207,125,144)
```

Monochromatic Color

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

#ba457e
```
#ba457e rgb(186,69,126)
```
#ba4575
```
#ba4575 rgb(186,69,117)
```
#ba456b
```
#ba456b rgb(186,69,107)
```
#ba4561
```
#ba4561 rgb(186,69,97)
```
#ba4557
```
#ba4557 rgb(186,69,87)
```
#ba454e
```
#ba454e rgb(186,69,78)
```
#ba4645
```
#ba4645 rgb(186,70,69)
```

Similar Colors

Text with hexadecimal color #ba4561

This text has a font color of #ba4561.

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

#ba4561 background color

This paragraph has a background color of #ba4561.

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

#ba4561 border color

This element has a border color of #ba4561.

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

CSS codes

.text {color:#ba4561;}

.background {background-color:#ba4561;}

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

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, #0e0507 is the darkest color, while #ffffff is the lightest one.

#0e0507
```
#0e0507 rgb(14,5,7)
```
#1d0b0f
```
#1d0b0f rgb(29,11,15)
```
#2b1016
```
#2b1016 rgb(43,16,22)
```
#39151e
```
#39151e rgb(57,21,30)
```
#481b25
```
#481b25 rgb(72,27,37)
```
#56202d
```
#56202d rgb(86,32,45)
```
#642534
```
#642534 rgb(100,37,52)
```
#722a3c
```
#722a3c rgb(114,42,60)
```
#813043
```
#813043 rgb(129,48,67)
```
#8f354b
```
#8f354b rgb(143,53,75)
```
#9d3a52
```
#9d3a52 rgb(157,58,82)
```
#ac405a
```
#ac405a rgb(172,64,90)
```
#ba4561
```
#ba4561 rgb(186,69,97)
```

Shade Color Variation

#bf536d
```
#bf536d rgb(191,83,109)
```
#c56279
```
#c56279 rgb(197,98,121)
```
#ca7085
```
#ca7085 rgb(202,112,133)
```
#cf7e92
```
#cf7e92 rgb(207,126,146)
```
#d58d9e
```
#d58d9e rgb(213,141,158)
```
#da9baa
```
#da9baa rgb(218,155,170)
```
#dfa9b6
```
#dfa9b6 rgb(223,169,182)
```
#e4b7c2
```
#e4b7c2 rgb(228,183,194)
```
#eac6ce
```
#eac6ce rgb(234,198,206)
```
#efd4db
```
#efd4db rgb(239,212,219)
```
#f4e2e7
```
#f4e2e7 rgb(244,226,231)
```
#faf1f3
```
#faf1f3 rgb(250,241,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#89767b
```
#89767b rgb(137,118,123)
```
#936c75
```
#936c75 rgb(147,108,117)
```
#9d6270
```
#9d6270 rgb(157,98,112)
```
#a6596b
```
#a6596b rgb(166,89,107)
```
#b04f66
```
#b04f66 rgb(176,79,102)
```
#ba4561
```
#ba4561 rgb(186,69,97)
```
#c43b5c
```
#c43b5c rgb(196,59,92)
```
#ce3157
```
#ce3157 rgb(206,49,87)
```
#d72852
```
#d72852 rgb(215,40,82)
```
#e11e4d
```
#e11e4d rgb(225,30,77)
```
#eb1447
```
#eb1447 rgb(235,20,71)
```
#f50a42
```
#f50a42 rgb(245,10,66)
```
#ff003d
```
#ff003d rgb(255,0,61)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7b6369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#75747b Protanopia 1% of men
#877161 Deuteranopia 1% of men
#bc5257 Tritanopia 0.001% of the population

Trichromacy

#8e6371 Protanomaly 1% of men, 0.01% of women
#996161 Deuteranomaly 6% of men, 0.4% of women
#bb4d5a Tritanomaly 0.01% of the population

#ba4561 hex color

#ba4561 Color Information

#ba4561 Color Conversion

Color Schemes with #ba4561

Alternatives to #ba4561

#ba4561 Preview

Shades and Tints of #ba4561

Tones of #ba4561

Color Blindness Simulator