#ba18ed hex color

In a RGB color space, hex #ba18ed is composed of 72.9% red, 9.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 89.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 285.6 degrees, a saturation of 85.5% and a lightness of 51.2%. #ba18ed color hex could be obtained by blending #ff30ff with #7500db. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 73
- G 9
- B 93
RGB color chart
- C 22
- M 90
- Y 0
- K 7
CMYK color chart

● #ba18ed color description : Vivid magenta.

The hexadecimal color #ba18ed has RGB values of R:186, G:24, B:237 and CMYK values of C:0.22, M:0.9, Y:0, K:0.07. Its decimal value is 12196077.

Hex triplet	ba18ed	`#ba18ed`
RGB Decimal	186, 24, 237	`rgb(186,24,237)`
RGB Percent	72.9, 9.4, 92.9	`rgb(72.9%,9.4%,92.9%)`
CMYK	22, 90, 0, 7
HSL	285.6°, 85.5, 51.2	`hsl(285.6,85.5%,51.2%)`
HSV (or HSB)	285.6°, 89.9, 92.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.521, 83.186, -70.384
XYZ	35.861, 17.208, 81.549
xyY	0.266, 0.128, 17.208
CIE-LCH	48.521, 108.967, 319.765
CIE-LUV	48.521, 43.189, -114.046
Hunter-Lab	41.483, 81.712, -87.517
Binary	10111010, 00011000, 11101101

#ba18ed
```
#ba18ed rgb(186,24,237)
```
#4bed18
```
#4bed18 rgb(75,237,24)
```

Complementary Color

#4f18ed
```
#4f18ed rgb(79,24,237)
```
#ba18ed
```
#ba18ed rgb(186,24,237)
```
#ed18b6
```
#ed18b6 rgb(237,24,182)
```

Analogous Color

#18ed50
```
#18ed50 rgb(24,237,80)
```
#ba18ed
```
#ba18ed rgb(186,24,237)
```
#b6ed18
```
#b6ed18 rgb(182,237,24)
```

Split Complementary Color

#18edba
```
#18edba rgb(24,237,186)
```
#ba18ed
```
#ba18ed rgb(186,24,237)
```
#edba18
```
#edba18 rgb(237,186,24)
```

Triadic Color

#184bed
```
#184bed rgb(24,75,237)
```
#ba18ed
```
#ba18ed rgb(186,24,237)
```
#edba18
```
#edba18 rgb(237,186,24)
```
#4bed18
```
#4bed18 rgb(75,237,24)
```

Tetradic Color

#850dab
```
#850dab rgb(133,13,171)
```
#980fc3
```
#980fc3 rgb(152,15,195)
```
#aa11da
```
#aa11da rgb(170,17,218)
```
#ba18ed
```
#ba18ed rgb(186,24,237)
```
#c130ef
```
#c130ef rgb(193,48,239)
```
#c847f1
```
#c847f1 rgb(200,71,241)
```
#cf5ff3
```
#cf5ff3 rgb(207,95,243)
```

Monochromatic Color

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

#8518ed
```
#8518ed rgb(133,24,237)
```
#9718ed
```
#9718ed rgb(151,24,237)
```
#a818ed
```
#a818ed rgb(168,24,237)
```
#ba18ed
```
#ba18ed rgb(186,24,237)
```
#cc18ed
```
#cc18ed rgb(204,24,237)
```
#de18ed
```
#de18ed rgb(222,24,237)
```
#ed18eb
```
#ed18eb rgb(237,24,235)
```

Similar Colors

Text with hexadecimal color #ba18ed

This text has a font color of #ba18ed.

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

#ba18ed background color

This paragraph has a background color of #ba18ed.

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

#ba18ed border color

This element has a border color of #ba18ed.

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

CSS codes

.text {color:#ba18ed;}

.background {background-color:#ba18ed;}

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

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

#040006
```
#040006 rgb(4,0,6)
```
#130218
```
#130218 rgb(19,2,24)
```
#21032a
```
#21032a rgb(33,3,42)
```
#2f053c
```
#2f053c rgb(47,5,60)
```
#3d064e
```
#3d064e rgb(61,6,78)
```
#4b0861
```
#4b0861 rgb(75,8,97)
```
#590973
```
#590973 rgb(89,9,115)
```
#680a85
```
#680a85 rgb(104,10,133)
```
#760c97
```
#760c97 rgb(118,12,151)
```
#840da9
```
#840da9 rgb(132,13,169)
```
#920fbc
```
#920fbc rgb(146,15,188)
```
#a010ce
```
#a010ce rgb(160,16,206)
```
#ae11e0
```
#ae11e0 rgb(174,17,224)
```

Shade Color Variation

#ba18ed
```
#ba18ed rgb(186,24,237)
```
#bf2aee
```
#bf2aee rgb(191,42,238)
```
#c53cf0
```
#c53cf0 rgb(197,60,240)
```
#ca4ff1
```
#ca4ff1 rgb(202,79,241)
```
#d061f3
```
#d061f3 rgb(208,97,243)
```
#d573f4
```
#d573f4 rgb(213,115,244)
```
#db85f6
```
#db85f6 rgb(219,133,246)
```
#e097f7
```
#e097f7 rgb(224,151,247)
```
#e5aaf8
```
#e5aaf8 rgb(229,170,248)
```
#ebbcfa
```
#ebbcfa rgb(235,188,250)
```
#f0cefb
```
#f0cefb rgb(240,206,251)
```
#f6e0fd
```
#f6e0fd rgb(246,224,253)
```
#fbf2fe
```
#fbf2fe rgb(251,242,254)
```

Tint Color Variation

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

#838184
```
#838184 rgb(131,129,132)
```
#88788d
```
#88788d rgb(136,120,141)
```
#8d6e97
```
#8d6e97 rgb(141,110,151)
```
#9265a0
```
#9265a0 rgb(146,101,160)
```
#975baa
```
#975baa rgb(151,91,170)
```
#9c51b4
```
#9c51b4 rgb(156,81,180)
```
#a148bd
```
#a148bd rgb(161,72,189)
```
#a63ec7
```
#a63ec7 rgb(166,62,199)
```
#ab35d0
```
#ab35d0 rgb(171,53,208)
```
#b02bda
```
#b02bda rgb(176,43,218)
```
#b522e3
```
#b522e3 rgb(181,34,227)
```
#ba18ed
```
#ba18ed rgb(186,24,237)
```
#bf0ef7
```
#bf0ef7 rgb(191,14,247)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#73527d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007cce Deuteranopia 1% of men
#a7686f Tritanopia 0.001% of the population

Trichromacy

#4354e9 Protanomaly 1% of men, 0.01% of women
#4358d9 Deuteranomaly 6% of men, 0.4% of women
#ae4b9d Tritanomaly 0.01% of the population

#ba18ed hex color

#ba18ed Color Information

#ba18ed Color Conversion

Color Schemes with #ba18ed

Alternatives to #ba18ed

#ba18ed Preview

Shades and Tints of #ba18ed

Tones of #ba18ed

Color Blindness Simulator