#ba18a8 hex color

In a RGB color space, hex #ba18a8 is composed of 72.9% red, 9.4% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.1% magenta, 9.7% yellow and 27.1% black. It has a hue angle of 306.7 degrees, a saturation of 77.1% and a lightness of 41.2%. #ba18a8 color hex could be obtained by blending #ff30ff with #750051. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 73
- G 9
- B 66
RGB color chart
- C 0
- M 87
- Y 10
- K 27
CMYK color chart

● #ba18a8 color description : Strong magenta.

The hexadecimal color #ba18a8 has RGB values of R:186, G:24, B:168 and CMYK values of C:0, M:0.87, Y:0.1, K:0.27. Its decimal value is 12196008.

Hex triplet	ba18a8	`#ba18a8`
RGB Decimal	186, 24, 168	`rgb(186,24,168)`
RGB Percent	72.9, 9.4, 65.9	`rgb(72.9%,9.4%,65.9%)`
CMYK	0, 87, 10, 27
HSL	306.7°, 77.1, 41.2	`hsl(306.7,77.1%,41.2%)`
HSV (or HSB)	306.7°, 87.1, 72.9
Web Safe	cc0099	`#cc0099`

CIE-LAB	44.12, 72.137, -37.494
XYZ	27.644, 13.922, 38.275
xyY	0.346, 0.174, 13.922
CIE-LCH	44.12, 81.299, 332.536
CIE-LUV	44.12, 67.066, -64.049
Hunter-Lab	37.312, 66.954, -34.702
Binary	10111010, 00011000, 10101000

#ba18a8
```
#ba18a8 rgb(186,24,168)
```
#18ba2a
```
#18ba2a rgb(24,186,42)
```

Complementary Color

#7b18ba
```
#7b18ba rgb(123,24,186)
```
#ba18a8
```
#ba18a8 rgb(186,24,168)
```
#ba1857
```
#ba1857 rgb(186,24,87)
```

Analogous Color

#18ba7b
```
#18ba7b rgb(24,186,123)
```
#ba18a8
```
#ba18a8 rgb(186,24,168)
```
#57ba18
```
#57ba18 rgb(87,186,24)
```

Split Complementary Color

#18a8ba
```
#18a8ba rgb(24,168,186)
```
#ba18a8
```
#ba18a8 rgb(186,24,168)
```
#a8ba18
```
#a8ba18 rgb(168,186,24)
```

Triadic Color

#2a18ba
```
#2a18ba rgb(42,24,186)
```
#ba18a8
```
#ba18a8 rgb(186,24,168)
```
#a8ba18
```
#a8ba18 rgb(168,186,24)
```
#18ba2a
```
#18ba2a rgb(24,186,42)
```

Tetradic Color

#760f6b
```
#760f6b rgb(118,15,107)
```
#8d127f
```
#8d127f rgb(141,18,127)
```
#a31594
```
#a31594 rgb(163,21,148)
```
#ba18a8
```
#ba18a8 rgb(186,24,168)
```
#d11bbc
```
#d11bbc rgb(209,27,188)
```
#e322cd
```
#e322cd rgb(227,34,205)
```
#e539d2
```
#e539d2 rgb(229,57,210)
```

Monochromatic Color

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

#a418ba
```
#a418ba rgb(164,24,186)
```
#b118ba
```
#b118ba rgb(177,24,186)
```
#ba18b6
```
#ba18b6 rgb(186,24,182)
```
#ba18a8
```
#ba18a8 rgb(186,24,168)
```
#ba189b
```
#ba189b rgb(186,24,155)
```
#ba188d
```
#ba188d rgb(186,24,141)
```
#ba1880
```
#ba1880 rgb(186,24,128)
```

Similar Colors

Text with hexadecimal color #ba18a8

This text has a font color of #ba18a8.

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

#ba18a8 background color

This paragraph has a background color of #ba18a8.

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

#ba18a8 border color

This element has a border color of #ba18a8.

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

CSS codes

.text {color:#ba18a8;}

.background {background-color:#ba18a8;}

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

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

#0c020b
```
#0c020b rgb(12,2,11)
```
#1e041b
```
#1e041b rgb(30,4,27)
```
#2f062a
```
#2f062a rgb(47,6,42)
```
#40083a
```
#40083a rgb(64,8,58)
```
#520b4a
```
#520b4a rgb(82,11,74)
```
#630d5a
```
#630d5a rgb(99,13,90)
```
#750f69
```
#750f69 rgb(117,15,105)
```
#861179
```
#861179 rgb(134,17,121)
```
#971489
```
#971489 rgb(151,20,137)
```
#a91698
```
#a91698 rgb(169,22,152)
```
#ba18a8
```
#ba18a8 rgb(186,24,168)
```
#cb1ab8
```
#cb1ab8 rgb(203,26,184)
```
#dd1cc7
```
#dd1cc7 rgb(221,28,199)
```

Shade Color Variation

#e329cf
```
#e329cf rgb(227,41,207)
```
#e63bd3
```
#e63bd3 rgb(230,59,211)
```
#e84cd7
```
#e84cd7 rgb(232,76,215)
```
#ea5edb
```
#ea5edb rgb(234,94,219)
```
#ec6fde
```
#ec6fde rgb(236,111,222)
```
#ef80e2
```
#ef80e2 rgb(239,128,226)
```
#f192e6
```
#f192e6 rgb(241,146,230)
```
#f3a3ea
```
#f3a3ea rgb(243,163,234)
```
#f5b4ee
```
#f5b4ee rgb(245,180,238)
```
#f8c6f2
```
#f8c6f2 rgb(248,198,242)
```
#fad7f6
```
#fad7f6 rgb(250,215,246)
```
#fce9fa
```
#fce9fa rgb(252,233,250)
```
#fefafe
```
#fefafe rgb(254,250,254)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#71616f
```
#71616f rgb(113,97,111)
```
#795976
```
#795976 rgb(121,89,118)
```
#81517c
```
#81517c rgb(129,81,124)
```
#8a4882
```
#8a4882 rgb(138,72,130)
```
#924089
```
#924089 rgb(146,64,137)
```
#9a388f
```
#9a388f rgb(154,56,143)
```
#a23095
```
#a23095 rgb(162,48,149)
```
#aa289b
```
#aa289b rgb(170,40,155)
```
#b220a2
```
#b220a2 rgb(178,32,162)
```
#ba18a8
```
#ba18a8 rgb(186,24,168)
```
#c210ae
```
#c210ae rgb(194,16,174)
```
#ca08b5
```
#ca08b5 rgb(202,8,181)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6c4c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd5 Protanopia 1% of men
#5c6f9d Deuteranopia 1% of men
#b44e52 Tritanopia 0.001% of the population

Trichromacy

#434dc4 Protanomaly 1% of men, 0.01% of women
#7e4fa1 Deuteranomaly 6% of men, 0.4% of women
#b63a71 Tritanomaly 0.01% of the population

#ba18a8 hex color

#ba18a8 Color Information

#ba18a8 Color Conversion

Color Schemes with #ba18a8

Alternatives to #ba18a8

#ba18a8 Preview

Shades and Tints of #ba18a8

Tones of #ba18a8

Color Blindness Simulator