#ba20d0 hex color

In a RGB color space, hex #ba20d0 is composed of 72.9% red, 12.5% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 10.6% cyan, 84.6% magenta, 0% yellow and 18.4% black. It has a hue angle of 292.5 degrees, a saturation of 73.3% and a lightness of 47.1%. #ba20d0 color hex could be obtained by blending #ff40ff with #7500a1. Closest websafe color is: #cc33cc.

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

● #ba20d0 color description : Strong magenta.

The hexadecimal color #ba20d0 has RGB values of R:186, G:32, B:208 and CMYK values of C:0.11, M:0.85, Y:0, K:0.18. Its decimal value is 12198096.

Hex triplet	ba20d0	`#ba20d0`
RGB Decimal	186, 32, 208	`rgb(186,32,208)`
RGB Percent	72.9, 12.5, 81.6	`rgb(72.9%,12.5%,81.6%)`
CMYK	11, 85, 0, 18
HSL	292.5°, 73.3, 47.1	`hsl(292.5,73.3%,47.1%)`
HSV (or HSB)	292.5°, 84.6, 81.6
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.011, 76.779, -56.299
XYZ	32.15, 16.028, 61.071
xyY	0.294, 0.147, 16.028
CIE-LCH	47.011, 95.208, 323.749
CIE-LUV	47.011, 51.528, -92.799
Hunter-Lab	40.035, 73.284, -62.42
Binary	10111010, 00100000, 11010000

#ba20d0
```
#ba20d0 rgb(186,32,208)
```
#36d020
```
#36d020 rgb(54,208,32)
```

Complementary Color

#6220d0
```
#6220d0 rgb(98,32,208)
```
#ba20d0
```
#ba20d0 rgb(186,32,208)
```
#d0208e
```
#d0208e rgb(208,32,142)
```

Analogous Color

#20d062
```
#20d062 rgb(32,208,98)
```
#ba20d0
```
#ba20d0 rgb(186,32,208)
```
#8ed020
```
#8ed020 rgb(142,208,32)
```

Split Complementary Color

#20d0ba
```
#20d0ba rgb(32,208,186)
```
#ba20d0
```
#ba20d0 rgb(186,32,208)
```
#d0ba20
```
#d0ba20 rgb(208,186,32)
```

Triadic Color

#2036d0
```
#2036d0 rgb(32,54,208)
```
#ba20d0
```
#ba20d0 rgb(186,32,208)
```
#d0ba20
```
#d0ba20 rgb(208,186,32)
```
#36d020
```
#36d020 rgb(54,208,32)
```

Tetradic Color

#7f168e
```
#7f168e rgb(127,22,142)
```
#9219a4
```
#9219a4 rgb(146,25,164)
```
#a61dba
```
#a61dba rgb(166,29,186)
```
#ba20d0
```
#ba20d0 rgb(186,32,208)
```
#c82bde
```
#c82bde rgb(200,43,222)
```
#ce41e2
```
#ce41e2 rgb(206,65,226)
```
#d357e5
```
#d357e5 rgb(211,87,229)
```

Monochromatic Color

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

#8e20d0
```
#8e20d0 rgb(142,32,208)
```
#9d20d0
```
#9d20d0 rgb(157,32,208)
```
#ab20d0
```
#ab20d0 rgb(171,32,208)
```
#ba20d0
```
#ba20d0 rgb(186,32,208)
```
#c920d0
```
#c920d0 rgb(201,32,208)
```
#d020c9
```
#d020c9 rgb(208,32,201)
```
#d020ba
```
#d020ba rgb(208,32,186)
```

Similar Colors

Text with hexadecimal color #ba20d0

This text has a font color of #ba20d0.

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

#ba20d0 background color

This paragraph has a background color of #ba20d0.

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

#ba20d0 border color

This element has a border color of #ba20d0.

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

CSS codes

.text {color:#ba20d0;}

.background {background-color:#ba20d0;}

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

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

#040104
```
#040104 rgb(4,1,4)
```
#130315
```
#130315 rgb(19,3,21)
```
#220626
```
#220626 rgb(34,6,38)
```
#310837
```
#310837 rgb(49,8,55)
```
#400b48
```
#400b48 rgb(64,11,72)
```
#500e59
```
#500e59 rgb(80,14,89)
```
#5f106a
```
#5f106a rgb(95,16,106)
```
#6e137b
```
#6e137b rgb(110,19,123)
```
#7d168c
```
#7d168c rgb(125,22,140)
```
#8c189d
```
#8c189d rgb(140,24,157)
```
#9c1bae
```
#9c1bae rgb(156,27,174)
```
#ab1dbf
```
#ab1dbf rgb(171,29,191)
```
#ba20d0
```
#ba20d0 rgb(186,32,208)
```

Shade Color Variation

#c726de
```
#c726de rgb(199,38,222)
```
#cb37e0
```
#cb37e0 rgb(203,55,224)
```
#cf48e3
```
#cf48e3 rgb(207,72,227)
```
#d459e5
```
#d459e5 rgb(212,89,229)
```
#d86ae8
```
#d86ae8 rgb(216,106,232)
```
#dd7beb
```
#dd7beb rgb(221,123,235)
```
#e18ced
```
#e18ced rgb(225,140,237)
```
#e69df0
```
#e69df0 rgb(230,157,240)
```
#eaaef3
```
#eaaef3 rgb(234,174,243)
```
#eebff5
```
#eebff5 rgb(238,191,245)
```
#f3d0f8
```
#f3d0f8 rgb(243,208,248)
```
#f7e1fa
```
#f7e1fa rgb(247,225,250)
```
#fcf2fd
```
#fcf2fd rgb(252,242,253)
```

Tint Color Variation

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

#7c737d
```
#7c737d rgb(124,115,125)
```
#836a86
```
#836a86 rgb(131,106,134)
```
#8a618f
```
#8a618f rgb(138,97,143)
```
#905799
```
#905799 rgb(144,87,153)
```
#974ea2
```
#974ea2 rgb(151,78,162)
```
#9e45ab
```
#9e45ab rgb(158,69,171)
```
#a53cb4
```
#a53cb4 rgb(165,60,180)
```
#ac32be
```
#ac32be rgb(172,50,190)
```
#b329c7
```
#b329c7 rgb(179,41,199)
```
#ba20d0
```
#ba20d0 rgb(186,32,208)
```
#c117d9
```
#c117d9 rgb(193,23,217)
```
#c80ee2
```
#c80ee2 rgb(200,14,226)
```
#cf04ec
```
#cf04ec rgb(207,4,236)
```

Tone Color Variation

Below, you can see how #ba20d0 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
#745578 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#3c78bf Deuteranopia 1% of men
#ad5f65 Tritanopia 0.001% of the population

Trichromacy

#4355da Protanomaly 1% of men, 0.01% of women
#6958c5 Deuteranomaly 6% of men, 0.4% of women
#b2488c Tritanomaly 0.01% of the population

#ba20d0 hex color

#ba20d0 Color Information

#ba20d0 Color Conversion

Color Schemes with #ba20d0

Alternatives to #ba20d0

#ba20d0 Preview

Shades and Tints of #ba20d0

Tones of #ba20d0

Color Blindness Simulator