#ba3f98 hex color

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

♥
- f
- t
- g
- R 73
- G 25
- B 60
RGB color chart
- C 0
- M 66
- Y 18
- K 27
CMYK color chart

● #ba3f98 color description : Moderate pink.

The hexadecimal color #ba3f98 has RGB values of R:186, G:63, B:152 and CMYK values of C:0, M:0.66, Y:0.18, K:0.27. Its decimal value is 12205976.

Hex triplet	ba3f98	`#ba3f98`
RGB Decimal	186, 63, 152	`rgb(186,63,152)`
RGB Percent	72.9, 24.7, 59.6	`rgb(72.9%,24.7%,59.6%)`
CMYK	0, 66, 18, 27
HSL	316.6°, 49.4, 48.8	`hsl(316.6,49.4%,48.8%)`
HSV (or HSB)	316.6°, 66.1, 72.9
Web Safe	cc3399	`#cc3399`

CIE-LAB	47.318, 58.557, -22.945
XYZ	27.695, 16.263, 31.385
xyY	0.368, 0.216, 16.263
CIE-LCH	47.318, 62.892, 338.603
CIE-LUV	47.318, 64.59, -41.951
Hunter-Lab	40.328, 52.01, -17.912
Binary	10111010, 00111111, 10011000

#ba3f98
```
#ba3f98 rgb(186,63,152)
```
#3fba61
```
#3fba61 rgb(63,186,97)
```

Complementary Color

#9f3fba
```
#9f3fba rgb(159,63,186)
```
#ba3f98
```
#ba3f98 rgb(186,63,152)
```
#ba3f5b
```
#ba3f5b rgb(186,63,91)
```

Analogous Color

#3fba9f
```
#3fba9f rgb(63,186,159)
```
#ba3f98
```
#ba3f98 rgb(186,63,152)
```
#5bba3f
```
#5bba3f rgb(91,186,63)
```

Split Complementary Color

#3f98ba
```
#3f98ba rgb(63,152,186)
```
#ba3f98
```
#ba3f98 rgb(186,63,152)
```
#98ba3f
```
#98ba3f rgb(152,186,63)
```

Triadic Color

#613fba
```
#613fba rgb(97,63,186)
```
#ba3f98
```
#ba3f98 rgb(186,63,152)
```
#98ba3f
```
#98ba3f rgb(152,186,63)
```
#3fba61
```
#3fba61 rgb(63,186,97)
```

Tetradic Color

#812c69
```
#812c69 rgb(129,44,105)
```
#943279
```
#943279 rgb(148,50,121)
```
#a73988
```
#a73988 rgb(167,57,136)
```
#ba3f98
```
#ba3f98 rgb(186,63,152)
```
#c34fa3
```
#c34fa3 rgb(195,79,163)
```
#ca62ad
```
#ca62ad rgb(202,98,173)
```
#d075b7
```
#d075b7 rgb(208,117,183)
```

Monochromatic Color

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

#ba3fb7
```
#ba3fb7 rgb(186,63,183)
```
#ba3fad
```
#ba3fad rgb(186,63,173)
```
#ba3fa2
```
#ba3fa2 rgb(186,63,162)
```
#ba3f98
```
#ba3f98 rgb(186,63,152)
```
#ba3f8e
```
#ba3f8e rgb(186,63,142)
```
#ba3f84
```
#ba3f84 rgb(186,63,132)
```
#ba3f79
```
#ba3f79 rgb(186,63,121)
```

Similar Colors

Text with hexadecimal color #ba3f98

This text has a font color of #ba3f98.

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

#ba3f98 background color

This paragraph has a background color of #ba3f98.

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

#ba3f98 border color

This element has a border color of #ba3f98.

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

CSS codes

.text {color:#ba3f98;}

.background {background-color:#ba3f98;}

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

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)
```
#7f2b68
```
#7f2b68 rgb(127,43,104)
```
#8e3074
```
#8e3074 rgb(142,48,116)
```
#9d3580
```
#9d3580 rgb(157,53,128)
```
#ab3a8c
```
#ab3a8c rgb(171,58,140)
```
#ba3f98
```
#ba3f98 rgb(186,63,152)
```

Shade Color Variation

#c24ba1
```
#c24ba1 rgb(194,75,161)
```
#c759a9
```
#c759a9 rgb(199,89,169)
```
#cc68b0
```
#cc68b0 rgb(204,104,176)
```
#d177b8
```
#d177b8 rgb(209,119,184)
```
#d685c0
```
#d685c0 rgb(214,133,192)
```
#db94c7
```
#db94c7 rgb(219,148,199)
```
#e0a3cf
```
#e0a3cf rgb(224,163,207)
```
#e5b1d6
```
#e5b1d6 rgb(229,177,214)
```
#eac0de
```
#eac0de rgb(234,192,222)
```
#efcfe6
```
#efcfe6 rgb(239,207,230)
```
#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 #f306b2 is the most saturated one.

#81787e
```
#81787e rgb(129,120,126)
```
#8a6f83
```
#8a6f83 rgb(138,111,131)
```
#946587
```
#946587 rgb(148,101,135)
```
#9d5c8b
```
#9d5c8b rgb(157,92,139)
```
#a7528f
```
#a7528f rgb(167,82,143)
```
#b04994
```
#b04994 rgb(176,73,148)
```
#ba3f98
```
#ba3f98 rgb(186,63,152)
```
#c4359c
```
#c4359c rgb(196,53,156)
```
#cd2ca1
```
#cd2ca1 rgb(205,44,161)
```
#d722a5
```
#d722a5 rgb(215,34,165)
```
#e019a9
```
#e019a9 rgb(224,25,169)
```
#ea0fad
```
#ea0fad rgb(234,15,173)
```
#f306b2
```
#f306b2 rgb(243,6,178)
```

Tone Color Variation

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

#5975bb Protanopia 1% of men
#747592 Deuteranopia 1% of men
#b75a60 Tritanopia 0.001% of the population

Trichromacy

#7c61ae Protanomaly 1% of men, 0.01% of women
#8d6194 Deuteranomaly 6% of men, 0.4% of women
#b85074 Tritanomaly 0.01% of the population

#ba3f98 hex color

#ba3f98 Color Information

#ba3f98 Color Conversion

Color Schemes with #ba3f98

Alternatives to #ba3f98

#ba3f98 Preview

Shades and Tints of #ba3f98

Tones of #ba3f98

Color Blindness Simulator