#ba1ce4 hex color

In a RGB color space, hex #ba1ce4 is composed of 72.9% red, 11% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 87.7% magenta, 0% yellow and 10.6% black. It has a hue angle of 287.4 degrees, a saturation of 78.7% and a lightness of 50.2%. #ba1ce4 color hex could be obtained by blending #ff38ff with #7500c9. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 11
- B 89
RGB color chart
- C 18
- M 88
- Y 0
- K 11
CMYK color chart

● #ba1ce4 color description : Vivid magenta.

The hexadecimal color #ba1ce4 has RGB values of R:186, G:28, B:228 and CMYK values of C:0.18, M:0.88, Y:0, K:0.11. Its decimal value is 12197092.

Hex triplet	ba1ce4	`#ba1ce4`
RGB Decimal	186, 28, 228	`rgb(186,28,228)`
RGB Percent	72.9, 11, 89.4	`rgb(72.9%,11%,89.4%)`
CMYK	18, 88, 0, 11
HSL	287.4°, 78.7, 50.2	`hsl(287.4,78.7%,50.2%)`
HSV (or HSB)	287.4°, 87.7, 89.4
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	48.099, 80.952, -65.977
XYZ	34.667, 16.873, 74.825
xyY	0.274, 0.134, 16.873
CIE-LCH	48.099, 104.433, 320.82
CIE-LUV	48.099, 45.566, -107.476
Hunter-Lab	41.076, 78.764, -79.25
Binary	10111010, 00011100, 11100100

#ba1ce4
```
#ba1ce4 rgb(186,28,228)
```
#46e41c
```
#46e41c rgb(70,228,28)
```

Complementary Color

#561ce4
```
#561ce4 rgb(86,28,228)
```
#ba1ce4
```
#ba1ce4 rgb(186,28,228)
```
#e41caa
```
#e41caa rgb(228,28,170)
```

Analogous Color

#1ce456
```
#1ce456 rgb(28,228,86)
```
#ba1ce4
```
#ba1ce4 rgb(186,28,228)
```
#aae41c
```
#aae41c rgb(170,228,28)
```

Split Complementary Color

#1ce4ba
```
#1ce4ba rgb(28,228,186)
```
#ba1ce4
```
#ba1ce4 rgb(186,28,228)
```
#e4ba1c
```
#e4ba1c rgb(228,186,28)
```

Triadic Color

#1c46e4
```
#1c46e4 rgb(28,70,228)
```
#ba1ce4
```
#ba1ce4 rgb(186,28,228)
```
#e4ba1c
```
#e4ba1c rgb(228,186,28)
```
#46e41c
```
#46e41c rgb(70,228,28)
```

Tetradic Color

#8313a0
```
#8313a0 rgb(131,19,160)
```
#9516b7
```
#9516b7 rgb(149,22,183)
```
#a819ce
```
#a819ce rgb(168,25,206)
```
#ba1ce4
```
#ba1ce4 rgb(186,28,228)
```
#c133e7
```
#c133e7 rgb(193,51,231)
```
#c84ae9
```
#c84ae9 rgb(200,74,233)
```
#cf60ec
```
#cf60ec rgb(207,96,236)
```

Monochromatic Color

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

#881ce4
```
#881ce4 rgb(136,28,228)
```
#991ce4
```
#991ce4 rgb(153,28,228)
```
#a91ce4
```
#a91ce4 rgb(169,28,228)
```
#ba1ce4
```
#ba1ce4 rgb(186,28,228)
```
#cb1ce4
```
#cb1ce4 rgb(203,28,228)
```
#db1ce4
```
#db1ce4 rgb(219,28,228)
```
#e41cdc
```
#e41cdc rgb(228,28,220)
```

Similar Colors

Text with hexadecimal color #ba1ce4

This text has a font color of #ba1ce4.

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

#ba1ce4 background color

This paragraph has a background color of #ba1ce4.

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

#ba1ce4 border color

This element has a border color of #ba1ce4.

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

CSS codes

.text {color:#ba1ce4;}

.background {background-color:#ba1ce4;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0f0212
```
#0f0212 rgb(15,2,18)
```
#1d0424
```
#1d0424 rgb(29,4,36)
```
#2c0635
```
#2c0635 rgb(44,6,53)
```
#3a0847
```
#3a0847 rgb(58,8,71)
```
#480b59
```
#480b59 rgb(72,11,89)
```
#560d6a
```
#560d6a rgb(86,13,106)
```
#650f7c
```
#650f7c rgb(101,15,124)
```
#73118d
```
#73118d rgb(115,17,141)
```
#81139f
```
#81139f rgb(129,19,159)
```
#9015b0
```
#9015b0 rgb(144,21,176)
```
#9e17c2
```
#9e17c2 rgb(158,23,194)
```
#ac19d3
```
#ac19d3 rgb(172,25,211)
```

Shade Color Variation

#ba1ce4
```
#ba1ce4 rgb(186,28,228)
```
#bf2ee6
```
#bf2ee6 rgb(191,46,230)
```
#c53fe8
```
#c53fe8 rgb(197,63,232)
```
#ca51ea
```
#ca51ea rgb(202,81,234)
```
#cf62ec
```
#cf62ec rgb(207,98,236)
```
#d574ee
```
#d574ee rgb(213,116,238)
```
#da85f1
```
#da85f1 rgb(218,133,241)
```
#df97f3
```
#df97f3 rgb(223,151,243)
```
#e5a8f5
```
#e5a8f5 rgb(229,168,245)
```
#eabaf7
```
#eabaf7 rgb(234,186,247)
```
#efcbf9
```
#efcbf9 rgb(239,203,249)
```
#f5ddfb
```
#f5ddfb rgb(245,221,251)
```
#faeefd
```
#faeefd rgb(250,238,253)
```

Tint Color Variation

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

#817e82
```
#817e82 rgb(129,126,130)
```
#87748c
```
#87748c rgb(135,116,140)
```
#8d6a96
```
#8d6a96 rgb(141,106,150)
```
#9260a0
```
#9260a0 rgb(146,96,160)
```
#9857a9
```
#9857a9 rgb(152,87,169)
```
#9e4db3
```
#9e4db3 rgb(158,77,179)
```
#a343bd
```
#a343bd rgb(163,67,189)
```
#a939c7
```
#a939c7 rgb(169,57,199)
```
#af30d0
```
#af30d0 rgb(175,48,208)
```
#b426da
```
#b426da rgb(180,38,218)
```
#ba1ce4
```
#ba1ce4 rgb(186,28,228)
```
#c012ee
```
#c012ee rgb(192,18,238)
```
#c508f8
```
#c508f8 rgb(197,8,248)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#74547c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007bcd Deuteranopia 1% of men
#a9656c Tritanopia 0.001% of the population

Trichromacy

#4355e5 Protanomaly 1% of men, 0.01% of women
#4358d5 Deuteranomaly 6% of men, 0.4% of women
#af4b98 Tritanomaly 0.01% of the population

#ba1ce4 hex color

#ba1ce4 Color Information

#ba1ce4 Color Conversion

Color Schemes with #ba1ce4

Alternatives to #ba1ce4

#ba1ce4 Preview

Shades and Tints of #ba1ce4

Tones of #ba1ce4

Color Blindness Simulator