#ba2ca0 hex color

In a RGB color space, hex #ba2ca0 is composed of 72.9% red, 17.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.3% magenta, 14% yellow and 27.1% black. It has a hue angle of 311 degrees, a saturation of 61.7% and a lightness of 45.1%. #ba2ca0 color hex could be obtained by blending #ff58ff with #750041. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 73
- G 17
- B 63
RGB color chart
- C 0
- M 76
- Y 14
- K 27
CMYK color chart

● #ba2ca0 color description : Strong magenta.

The hexadecimal color #ba2ca0 has RGB values of R:186, G:44, B:160 and CMYK values of C:0, M:0.76, Y:0.14, K:0.27. Its decimal value is 12201120.

Hex triplet	ba2ca0	`#ba2ca0`
RGB Decimal	186, 44, 160	`rgb(186,44,160)`
RGB Percent	72.9, 17.3, 62.7	`rgb(72.9%,17.3%,62.7%)`
CMYK	0, 76, 14, 27
HSL	311°, 61.7, 45.1	`hsl(311,61.7%,45.1%)`
HSV (or HSB)	311°, 76.3, 72.9
Web Safe	cc3399	`#cc3399`

CIE-LAB	45.332, 66.319, -30.814
XYZ	27.495, 14.781, 34.661
xyY	0.357, 0.192, 14.781
CIE-LCH	45.332, 73.128, 335.079
CIE-LUV	45.332, 66.922, -54.036
Hunter-Lab	38.446, 60.379, -26.541
Binary	10111010, 00101100, 10100000

#ba2ca0
```
#ba2ca0 rgb(186,44,160)
```
#2cba46
```
#2cba46 rgb(44,186,70)
```

Complementary Color

#8d2cba
```
#8d2cba rgb(141,44,186)
```
#ba2ca0
```
#ba2ca0 rgb(186,44,160)
```
#ba2c59
```
#ba2c59 rgb(186,44,89)
```

Analogous Color

#2cba8d
```
#2cba8d rgb(44,186,141)
```
#ba2ca0
```
#ba2ca0 rgb(186,44,160)
```
#59ba2c
```
#59ba2c rgb(89,186,44)
```

Split Complementary Color

#2ca0ba
```
#2ca0ba rgb(44,160,186)
```
#ba2ca0
```
#ba2ca0 rgb(186,44,160)
```
#a0ba2c
```
#a0ba2c rgb(160,186,44)
```

Triadic Color

#462cba
```
#462cba rgb(70,44,186)
```
#ba2ca0
```
#ba2ca0 rgb(186,44,160)
```
#a0ba2c
```
#a0ba2c rgb(160,186,44)
```
#2cba46
```
#2cba46 rgb(44,186,70)
```

Tetradic Color

#7c1d6b
```
#7c1d6b rgb(124,29,107)
```
#91227d
```
#91227d rgb(145,34,125)
```
#a5278e
```
#a5278e rgb(165,39,142)
```
#ba2ca0
```
#ba2ca0 rgb(186,44,160)
```
#ce31b2
```
#ce31b2 rgb(206,49,178)
```
#d346b9
```
#d346b9 rgb(211,70,185)
```
#d85ac1
```
#d85ac1 rgb(216,90,193)
```

Monochromatic Color

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

#b12cba
```
#b12cba rgb(177,44,186)
```
#ba2cb8
```
#ba2cb8 rgb(186,44,184)
```
#ba2cac
```
#ba2cac rgb(186,44,172)
```
#ba2ca0
```
#ba2ca0 rgb(186,44,160)
```
#ba2c94
```
#ba2c94 rgb(186,44,148)
```
#ba2c88
```
#ba2c88 rgb(186,44,136)
```
#ba2c7d
```
#ba2c7d rgb(186,44,125)
```

Similar Colors

Text with hexadecimal color #ba2ca0

This text has a font color of #ba2ca0.

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

#ba2ca0 background color

This paragraph has a background color of #ba2ca0.

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

#ba2ca0 border color

This element has a border color of #ba2ca0.

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

CSS codes

.text {color:#ba2ca0;}

.background {background-color:#ba2ca0;}

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

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

#0c030a
```
#0c030a rgb(12,3,10)
```
#1b0618
```
#1b0618 rgb(27,6,24)
```
#2b0a25
```
#2b0a25 rgb(43,10,37)
```
#3b0e33
```
#3b0e33 rgb(59,14,51)
```
#4b1240
```
#4b1240 rgb(75,18,64)
```
#5b154e
```
#5b154e rgb(91,21,78)
```
#6b195c
```
#6b195c rgb(107,25,92)
```
#7b1d69
```
#7b1d69 rgb(123,29,105)
```
#8a2177
```
#8a2177 rgb(138,33,119)
```
#9a2485
```
#9a2485 rgb(154,36,133)
```
#aa2892
```
#aa2892 rgb(170,40,146)
```
#ba2ca0
```
#ba2ca0 rgb(186,44,160)
```
#ca30ae
```
#ca30ae rgb(202,48,174)
```

Shade Color Variation

#d13cb6
```
#d13cb6 rgb(209,60,182)
```
#d54cbc
```
#d54cbc rgb(213,76,188)
```
#d85cc2
```
#d85cc2 rgb(216,92,194)
```
#dc6cc8
```
#dc6cc8 rgb(220,108,200)
```
#e07cce
```
#e07cce rgb(224,124,206)
```
#e48cd4
```
#e48cd4 rgb(228,140,212)
```
#e79bda
```
#e79bda rgb(231,155,218)
```
#ebabe0
```
#ebabe0 rgb(235,171,224)
```
#efbbe5
```
#efbbe5 rgb(239,187,229)
```
#f3cbeb
```
#f3cbeb rgb(243,203,235)
```
#f6dbf1
```
#f6dbf1 rgb(246,219,241)
```
#faebf7
```
#faebf7 rgb(250,235,247)
```
#fefbfd
```
#fefbfd rgb(254,251,253)
```

Tint Color Variation

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

#737373
```
#737373 rgb(115,115,115)
```
#7c6a79
```
#7c6a79 rgb(124,106,121)
```
#85617e
```
#85617e rgb(133,97,126)
```
#8e5884
```
#8e5884 rgb(142,88,132)
```
#974f8a
```
#974f8a rgb(151,79,138)
```
#9f478f
```
#9f478f rgb(159,71,143)
```
#a83e95
```
#a83e95 rgb(168,62,149)
```
#b1359a
```
#b1359a rgb(177,53,154)
```
#ba2ca0
```
#ba2ca0 rgb(186,44,160)
```
#c323a6
```
#c323a6 rgb(195,35,166)
```
#cc1aab
```
#cc1aab rgb(204,26,171)
```
#d511b1
```
#d511b1 rgb(213,17,177)
```
#dd09b6
```
#dd09b6 rgb(221,9,182)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#755970 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a6fcc Protanopia 1% of men
#677197 Deuteranopia 1% of men
#b55257 Tritanopia 0.001% of the population

Trichromacy

#6857bc Protanomaly 1% of men, 0.01% of women
#85589a Deuteranomaly 6% of men, 0.4% of women
#b74472 Tritanomaly 0.01% of the population

#ba2ca0 hex color

#ba2ca0 Color Information

#ba2ca0 Color Conversion

Color Schemes with #ba2ca0

Alternatives to #ba2ca0

#ba2ca0 Preview

Shades and Tints of #ba2ca0

Tones of #ba2ca0

Color Blindness Simulator