colorhexa.com

#ba3f97 hex color

In a RGB color space, hex #ba3f97 is composed of 72.9% red, 24.7% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.1% magenta, 18.8% yellow and 27.1% black. It has a hue angle of 317.1 degrees, a saturation of 49.4% and a lightness of 48.8%. #ba3f97 color hex could be obtained by blending #ff7eff with #75002f. Closest websafe color is: #cc3399.

- R 73
- G 25
- B 59
RGB color chart
- C 0
- M 66
- Y 19
- K 27
CMYK color chart

● #ba3f97 color description : Moderate pink.

The hexadecimal color #ba3f97 has RGB values of R:186, G:63, B:151 and CMYK values of C:0, M:0.66, Y:0.19, K:0.27. Its decimal value is 12205975.

Hex triplet	ba3f97	`#ba3f97`
RGB Decimal	186, 63, 151	`rgb(186,63,151)`
RGB Percent	72.9, 24.7, 59.2	`rgb(72.9%,24.7%,59.2%)`
CMYK	0, 66, 19, 27
HSL	317.1°, 49.4, 48.8	`hsl(317.1,49.4%,48.8%)`
HSV (or HSB)	317.1°, 66.1, 72.9
Web Safe	cc3399	`#cc3399`

CIE-LAB	47.276, 58.414, -22.413
XYZ	27.613, 16.231, 30.955
xyY	0.369, 0.217, 16.231
CIE-LCH	47.276, 62.566, 339.009
CIE-LUV	47.276, 64.933, -41.153
Hunter-Lab	40.287, 51.842, -17.355
Binary	10111010, 00111111, 10010111

#ba3f97
```
#ba3f97 rgb(186,63,151)
```
#3fba62
```
#3fba62 rgb(63,186,98)
```

Complementary Color

#a03fba
```
#a03fba rgb(160,63,186)
```
#ba3f97
```
#ba3f97 rgb(186,63,151)
```
#ba3f5a
```
#ba3f5a rgb(186,63,90)
```

Analogous Color

#3fbaa0
```
#3fbaa0 rgb(63,186,160)
```
#ba3f97
```
#ba3f97 rgb(186,63,151)
```
#5aba3f
```
#5aba3f rgb(90,186,63)
```

Split Complementary Color

#3f97ba
```
#3f97ba rgb(63,151,186)
```
#ba3f97
```
#ba3f97 rgb(186,63,151)
```
#97ba3f
```
#97ba3f rgb(151,186,63)
```

Triadic Color

#623fba
```
#623fba rgb(98,63,186)
```
#ba3f97
```
#ba3f97 rgb(186,63,151)
```
#97ba3f
```
#97ba3f rgb(151,186,63)
```
#3fba62
```
#3fba62 rgb(63,186,98)
```

Tetradic Color

#812c69
```
#812c69 rgb(129,44,105)
```
#943278
```
#943278 rgb(148,50,120)
```
#a73988
```
#a73988 rgb(167,57,136)
```
#ba3f97
```
#ba3f97 rgb(186,63,151)
```
#c34fa2
```
#c34fa2 rgb(195,79,162)
```
#ca62ac
```
#ca62ac rgb(202,98,172)
```
#d075b6
```
#d075b6 rgb(208,117,182)
```

Monochromatic Color

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

#ba3fb6
```
#ba3fb6 rgb(186,63,182)
```
#ba3fac
```
#ba3fac rgb(186,63,172)
```
#ba3fa1
```
#ba3fa1 rgb(186,63,161)
```
#ba3f97
```
#ba3f97 rgb(186,63,151)
```
#ba3f8d
```
#ba3f8d rgb(186,63,141)
```
#ba3f83
```
#ba3f83 rgb(186,63,131)
```
#ba3f78
```
#ba3f78 rgb(186,63,120)
```

Similar Colors

Text with hexadecimal color #ba3f97

This text has a font color of #ba3f97.

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

#ba3f97 background color

This paragraph has a background color of #ba3f97.

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

#ba3f97 border color

This element has a border color of #ba3f97.

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

CSS codes

.text {color:#ba3f97;}

.background {background-color:#ba3f97;}

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

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

#0a0308
```
#0a0308 rgb(10,3,8)
```
#190814
```
#190814 rgb(25,8,20)
```
#270d20
```
#270d20 rgb(39,13,32)
```
#36122c
```
#36122c rgb(54,18,44)
```
#451738
```
#451738 rgb(69,23,56)
```
#531c44
```
#531c44 rgb(83,28,68)
```
#622150
```
#622150 rgb(98,33,80)
```
#71265c
```
#71265c rgb(113,38,92)
```
#7f2b67
```
#7f2b67 rgb(127,43,103)
```
#8e3073
```
#8e3073 rgb(142,48,115)
```
#9d357f
```
#9d357f rgb(157,53,127)
```
#ab3a8b
```
#ab3a8b rgb(171,58,139)
```
#ba3f97
```
#ba3f97 rgb(186,63,151)
```

Shade Color Variation

#c24ba0
```
#c24ba0 rgb(194,75,160)
```
#c759a8
```
#c759a8 rgb(199,89,168)
```
#cc68af
```
#cc68af rgb(204,104,175)
```
#d177b7
```
#d177b7 rgb(209,119,183)
```
#d685bf
```
#d685bf rgb(214,133,191)
```
#db94c7
```
#db94c7 rgb(219,148,199)
```
#e0a3ce
```
#e0a3ce rgb(224,163,206)
```
#e5b1d6
```
#e5b1d6 rgb(229,177,214)
```
#eac0de
```
#eac0de rgb(234,192,222)
```
#efcfe5
```
#efcfe5 rgb(239,207,229)
```
#f4dded
```
#f4dded rgb(244,221,237)
```
#f9ecf5
```
#f9ecf5 rgb(249,236,245)
```
#fdfbfd
```
#fdfbfd rgb(253,251,253)
```

Tint Color Variation

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

#81787e
```
#81787e rgb(129,120,126)
```
#8a6f82
```
#8a6f82 rgb(138,111,130)
```
#946586
```
#946586 rgb(148,101,134)
```
#9d5c8b
```
#9d5c8b rgb(157,92,139)
```
#a7528f
```
#a7528f rgb(167,82,143)
```
#b04993
```
#b04993 rgb(176,73,147)
```
#ba3f97
```
#ba3f97 rgb(186,63,151)
```
#c4359b
```
#c4359b rgb(196,53,155)
```
#cd2c9f
```
#cd2c9f rgb(205,44,159)
```
#d722a3
```
#d722a3 rgb(215,34,163)
```
#e019a8
```
#e019a8 rgb(224,25,168)
```
#ea0fac
```
#ea0fac rgb(234,15,172)
```
#f306b0
```
#f306b0 rgb(243,6,176)
```

Tone Color Variation

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

Dichromacy

#5975ba Protanopia 1% of men
#747591 Deuteranopia 1% of men
#b75a5f Tritanopia 0.001% of the population

Trichromacy

#7c61ad Protanomaly 1% of men, 0.01% of women
#8d6193 Deuteranomaly 6% of men, 0.4% of women
#b85073 Tritanomaly 0.01% of the population