#ba4366 hex color

In a RGB color space, hex #ba4366 is composed of 72.9% red, 26.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64% magenta, 45.2% yellow and 27.1% black. It has a hue angle of 342.4 degrees, a saturation of 47% and a lightness of 49.6%. #ba4366 color hex could be obtained by blending #ff86cc with #750000. Closest websafe color is: #cc3366.

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

● #ba4366 color description : Moderate pink.

The hexadecimal color #ba4366 has RGB values of R:186, G:67, B:102 and CMYK values of C:0, M:0.64, Y:0.45, K:0.27. Its decimal value is 12206950.

Hex triplet	ba4366	`#ba4366`
RGB Decimal	186, 67, 102	`rgb(186,67,102)`
RGB Percent	72.9, 26.3, 40	`rgb(72.9%,26.3%,40%)`
CMYK	0, 64, 45, 27
HSL	342.4°, 47, 49.6	`hsl(342.4,47%,49.6%)`
HSV (or HSB)	342.4°, 64, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.197, 50.789, 5.702
XYZ	24.656, 15.415, 14.247
xyY	0.454, 0.284, 15.415
CIE-LCH	46.197, 51.108, 6.406
CIE-LUV	46.197, 79.528, -2.252
Hunter-Lab	39.262, 43.386, 5.969
Binary	10111010, 01000011, 01100110

#ba4366
```
#ba4366 rgb(186,67,102)
```
#43ba97
```
#43ba97 rgb(67,186,151)
```

Complementary Color

#ba43a2
```
#ba43a2 rgb(186,67,162)
```
#ba4366
```
#ba4366 rgb(186,67,102)
```
#ba5c43
```
#ba5c43 rgb(186,92,67)
```

Analogous Color

#43a2ba
```
#43a2ba rgb(67,162,186)
```
#ba4366
```
#ba4366 rgb(186,67,102)
```
#43ba5c
```
#43ba5c rgb(67,186,92)
```

Split Complementary Color

#4366ba
```
#4366ba rgb(67,102,186)
```
#ba4366
```
#ba4366 rgb(186,67,102)
```
#66ba43
```
#66ba43 rgb(102,186,67)
```

Triadic Color

#9743ba
```
#9743ba rgb(151,67,186)
```
#ba4366
```
#ba4366 rgb(186,67,102)
```
#66ba43
```
#66ba43 rgb(102,186,67)
```
#43ba97
```
#43ba97 rgb(67,186,151)
```

Tetradic Color

#822f47
```
#822f47 rgb(130,47,71)
```
#953551
```
#953551 rgb(149,53,81)
```
#a73c5c
```
#a73c5c rgb(167,60,92)
```
#ba4366
```
#ba4366 rgb(186,67,102)
```
#c25575
```
#c25575 rgb(194,85,117)
```
#c86884
```
#c86884 rgb(200,104,132)
```
#cf7a93
```
#cf7a93 rgb(207,122,147)
```

Monochromatic Color

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

#ba4384
```
#ba4384 rgb(186,67,132)
```
#ba437a
```
#ba437a rgb(186,67,122)
```
#ba4370
```
#ba4370 rgb(186,67,112)
```
#ba4366
```
#ba4366 rgb(186,67,102)
```
#ba435c
```
#ba435c rgb(186,67,92)
```
#ba4352
```
#ba4352 rgb(186,67,82)
```
#ba4348
```
#ba4348 rgb(186,67,72)
```

Similar Colors

Text with hexadecimal color #ba4366

This text has a font color of #ba4366.

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

#ba4366 background color

This paragraph has a background color of #ba4366.

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

#ba4366 border color

This element has a border color of #ba4366.

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

CSS codes

.text {color:#ba4366;}

.background {background-color:#ba4366;}

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

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

#0d0507
```
#0d0507 rgb(13,5,7)
```
#1b0a0f
```
#1b0a0f rgb(27,10,15)
```
#2a0f17
```
#2a0f17 rgb(42,15,23)
```
#38141f
```
#38141f rgb(56,20,31)
```
#471927
```
#471927 rgb(71,25,39)
```
#551f2f
```
#551f2f rgb(85,31,47)
```
#632437
```
#632437 rgb(99,36,55)
```
#72293e
```
#72293e rgb(114,41,62)
```
#802e46
```
#802e46 rgb(128,46,70)
```
#8f334e
```
#8f334e rgb(143,51,78)
```
#9d3956
```
#9d3956 rgb(157,57,86)
```
#ac3e5e
```
#ac3e5e rgb(172,62,94)
```
#ba4366
```
#ba4366 rgb(186,67,102)
```

Shade Color Variation

#c05071
```
#c05071 rgb(192,80,113)
```
#c55f7d
```
#c55f7d rgb(197,95,125)
```
#cb6d89
```
#cb6d89 rgb(203,109,137)
```
#d07c94
```
#d07c94 rgb(208,124,148)
```
#d58aa0
```
#d58aa0 rgb(213,138,160)
```
#da99ac
```
#da99ac rgb(218,153,172)
```
#dfa7b8
```
#dfa7b8 rgb(223,167,184)
```
#e4b5c3
```
#e4b5c3 rgb(228,181,195)
```
#eac4cf
```
#eac4cf rgb(234,196,207)
```
#efd2db
```
#efd2db rgb(239,210,219)
```
#f4e1e6
```
#f4e1e6 rgb(244,225,230)
```
#f9eff2
```
#f9eff2 rgb(249,239,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#807d7e
```
#807d7e rgb(128,125,126)
```
#89747a
```
#89747a rgb(137,116,122)
```
#936a76
```
#936a76 rgb(147,106,118)
```
#9d6072
```
#9d6072 rgb(157,96,114)
```
#a7566e
```
#a7566e rgb(167,86,110)
```
#b04d6a
```
#b04d6a rgb(176,77,106)
```
#ba4366
```
#ba4366 rgb(186,67,102)
```
#c43962
```
#c43962 rgb(196,57,98)
```
#cd305e
```
#cd305e rgb(205,48,94)
```
#d7265a
```
#d7265a rgb(215,38,90)
```
#e11c56
```
#e11c56 rgb(225,28,86)
```
#eb1252
```
#eb1252 rgb(235,18,82)
```
#f4094e
```
#f4094e rgb(244,9,78)
```

Tone Color Variation

Below, you can see how #ba4366 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
#7b636a Atypical Achromatopsia 0.001% of the population

Dichromacy

#737481 Protanopia 1% of men
#857065 Deuteranopia 1% of men
#bb5156 Tritanopia 0.001% of the population

Trichromacy

#8c6277 Protanomaly 1% of men, 0.01% of women
#986065 Deuteranomaly 6% of men, 0.4% of women
#bb4c5c Tritanomaly 0.01% of the population

#ba4366 hex color

#ba4366 Color Information

#ba4366 Color Conversion

Color Schemes with #ba4366

Alternatives to #ba4366

#ba4366 Preview

Shades and Tints of #ba4366

Tones of #ba4366

Color Blindness Simulator