#ba18bf hex color

In a RGB color space, hex #ba18bf is composed of 72.9% red, 9.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 2.6% cyan, 87.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 298.2 degrees, a saturation of 77.7% and a lightness of 42.2%. #ba18bf color hex could be obtained by blending #ff30ff with #75007f. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 73
- G 9
- B 75
RGB color chart
- C 3
- M 87
- Y 0
- K 25
CMYK color chart

● #ba18bf color description : Strong magenta.

The hexadecimal color #ba18bf has RGB values of R:186, G:24, B:191 and CMYK values of C:0.03, M:0.87, Y:0, K:0.25. Its decimal value is 12196031.

Hex triplet	ba18bf	`#ba18bf`
RGB Decimal	186, 24, 191	`rgb(186,24,191)`
RGB Percent	72.9, 9.4, 74.9	`rgb(72.9%,9.4%,74.9%)`
CMYK	3, 87, 0, 25
HSL	298.2°, 77.7, 42.2	`hsl(298.2,77.7%,42.2%)`
HSV (or HSB)	298.2°, 87.4, 74.9
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.436, 75.544, -48.966
XYZ	29.98, 14.856, 50.576
xyY	0.314, 0.156, 14.856
CIE-LCH	45.436, 90.025, 327.05
CIE-LUV	45.436, 58.233, -81.415
Hunter-Lab	38.543, 71.389, -50.819
Binary	10111010, 00011000, 10111111

#ba18bf
```
#ba18bf rgb(186,24,191)
```
#1dbf18
```
#1dbf18 rgb(29,191,24)
```

Complementary Color

#6718bf
```
#6718bf rgb(103,24,191)
```
#ba18bf
```
#ba18bf rgb(186,24,191)
```
#bf1871
```
#bf1871 rgb(191,24,113)
```

Analogous Color

#18bf67
```
#18bf67 rgb(24,191,103)
```
#ba18bf
```
#ba18bf rgb(186,24,191)
```
#71bf18
```
#71bf18 rgb(113,191,24)
```

Split Complementary Color

#18bfba
```
#18bfba rgb(24,191,186)
```
#ba18bf
```
#ba18bf rgb(186,24,191)
```
#bfba18
```
#bfba18 rgb(191,186,24)
```

Triadic Color

#181dbf
```
#181dbf rgb(24,29,191)
```
#ba18bf
```
#ba18bf rgb(186,24,191)
```
#bfba18
```
#bfba18 rgb(191,186,24)
```
#1dbf18
```
#1dbf18 rgb(29,191,24)
```

Tetradic Color

#780f7b
```
#780f7b rgb(120,15,123)
```
#8e1292
```
#8e1292 rgb(142,18,146)
```
#a415a8
```
#a415a8 rgb(164,21,168)
```
#ba18bf
```
#ba18bf rgb(186,24,191)
```
#d01bd6
```
#d01bd6 rgb(208,27,214)
```
#de26e4
```
#de26e4 rgb(222,38,228)
```
#e23de7
```
#e23de7 rgb(226,61,231)
```

Monochromatic Color

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

#9018bf
```
#9018bf rgb(144,24,191)
```
#9e18bf
```
#9e18bf rgb(158,24,191)
```
#ac18bf
```
#ac18bf rgb(172,24,191)
```
#ba18bf
```
#ba18bf rgb(186,24,191)
```
#bf18b6
```
#bf18b6 rgb(191,24,182)
```
#bf18a8
```
#bf18a8 rgb(191,24,168)
```
#bf189a
```
#bf189a rgb(191,24,154)
```

Similar Colors

Text with hexadecimal color #ba18bf

This text has a font color of #ba18bf.

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

#ba18bf background color

This paragraph has a background color of #ba18bf.

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

#ba18bf border color

This element has a border color of #ba18bf.

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

CSS codes

.text {color:#ba18bf;}

.background {background-color:#ba18bf;}

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

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

#100211
```
#100211 rgb(16,2,17)
```
#210422
```
#210422 rgb(33,4,34)
```
#320634
```
#320634 rgb(50,6,52)
```
#430945
```
#430945 rgb(67,9,69)
```
#540b56
```
#540b56 rgb(84,11,86)
```
#650d68
```
#650d68 rgb(101,13,104)
```
#760f79
```
#760f79 rgb(118,15,121)
```
#87118b
```
#87118b rgb(135,17,139)
```
#98149c
```
#98149c rgb(152,20,156)
```
#a916ae
```
#a916ae rgb(169,22,174)
```
#ba18bf
```
#ba18bf rgb(186,24,191)
```
#cb1ad0
```
#cb1ad0 rgb(203,26,208)
```
#dc1ce2
```
#dc1ce2 rgb(220,28,226)
```

Shade Color Variation

#df2de5
```
#df2de5 rgb(223,45,229)
```
#e23fe7
```
#e23fe7 rgb(226,63,231)
```
#e450e9
```
#e450e9 rgb(228,80,233)
```
#e761eb
```
#e761eb rgb(231,97,235)
```
#ea73ed
```
#ea73ed rgb(234,115,237)
```
#ec84f0
```
#ec84f0 rgb(236,132,240)
```
#ef96f2
```
#ef96f2 rgb(239,150,242)
```
#f2a7f4
```
#f2a7f4 rgb(242,167,244)
```
#f4b9f6
```
#f4b9f6 rgb(244,185,246)
```
#f7caf8
```
#f7caf8 rgb(247,202,248)
```
#fadbfb
```
#fadbfb rgb(250,219,251)
```
#fcedfd
```
#fcedfd rgb(252,237,253)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#6c6b6c
```
#6c6b6c rgb(108,107,108)
```
#746275
```
#746275 rgb(116,98,117)
```
#7c5a7d
```
#7c5a7d rgb(124,90,125)
```
#845285
```
#845285 rgb(132,82,133)
```
#8b4a8d
```
#8b4a8d rgb(139,74,141)
```
#934196
```
#934196 rgb(147,65,150)
```
#9b399e
```
#9b399e rgb(155,57,158)
```
#a331a6
```
#a331a6 rgb(163,49,166)
```
#aa29ae
```
#aa29ae rgb(170,41,174)
```
#b220b7
```
#b220b7 rgb(178,32,183)
```
#ba18bf
```
#ba18bf rgb(186,24,191)
```
#c210c7
```
#c210c7 rgb(194,16,199)
```
#ca07d0
```
#ca07d0 rgb(202,7,208)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6e4e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#4b73b0 Deuteranopia 1% of men
#b0565c Tritanopia 0.001% of the population

Trichromacy

#434fd0 Protanomaly 1% of men, 0.01% of women
#7352b6 Deuteranomaly 6% of men, 0.4% of women
#b44080 Tritanomaly 0.01% of the population

#ba18bf hex color

#ba18bf Color Information

#ba18bf Color Conversion

Color Schemes with #ba18bf

Alternatives to #ba18bf

#ba18bf Preview

Shades and Tints of #ba18bf

Tones of #ba18bf

Color Blindness Simulator