#ba63d4 hex color

In a RGB color space, hex #ba63d4 is composed of 72.9% red, 38.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 53.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 286.2 degrees, a saturation of 56.8% and a lightness of 61%. #ba63d4 color hex could be obtained by blending #ffc6ff with #7500a9. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 39
- B 83
RGB color chart
- C 12
- M 53
- Y 0
- K 17
CMYK color chart

● #ba63d4 color description : Moderate magenta.

The hexadecimal color #ba63d4 has RGB values of R:186, G:99, B:212 and CMYK values of C:0.12, M:0.53, Y:0, K:0.17. Its decimal value is 12215252.

Hex triplet	ba63d4	`#ba63d4`
RGB Decimal	186, 99, 212	`rgb(186,99,212)`
RGB Percent	72.9, 38.8, 83.1	`rgb(72.9%,38.8%,83.1%)`
CMYK	12, 53, 0, 17
HSL	286.2°, 56.8, 61	`hsl(286.2,56.8%,61%)`
HSV (or HSB)	286.2°, 53.3, 83.1
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	56.205, 52.512, -43.92
XYZ	36.594, 24.118, 65.011
xyY	0.291, 0.192, 24.118
CIE-LCH	56.205, 68.458, 320.091
CIE-LUV	56.205, 35.683, -74.926
Hunter-Lab	49.11, 47.067, -44.111
Binary	10111010, 01100011, 11010100

#ba63d4
```
#ba63d4 rgb(186,99,212)
```
#7dd463
```
#7dd463 rgb(125,212,99)
```

Complementary Color

#8263d4
```
#8263d4 rgb(130,99,212)
```
#ba63d4
```
#ba63d4 rgb(186,99,212)
```
#d463b6
```
#d463b6 rgb(212,99,182)
```

Analogous Color

#63d482
```
#63d482 rgb(99,212,130)
```
#ba63d4
```
#ba63d4 rgb(186,99,212)
```
#b6d463
```
#b6d463 rgb(182,212,99)
```

Split Complementary Color

#63d4ba
```
#63d4ba rgb(99,212,186)
```
#ba63d4
```
#ba63d4 rgb(186,99,212)
```
#d4ba63
```
#d4ba63 rgb(212,186,99)
```

Triadic Color

#637dd4
```
#637dd4 rgb(99,125,212)
```
#ba63d4
```
#ba63d4 rgb(186,99,212)
```
#d4ba63
```
#d4ba63 rgb(212,186,99)
```
#7dd463
```
#7dd463 rgb(125,212,99)
```

Tetradic Color

#9933b8
```
#9933b8 rgb(153,51,184)
```
#a83bc9
```
#a83bc9 rgb(168,59,201)
```
#b14fce
```
#b14fce rgb(177,79,206)
```
#ba63d4
```
#ba63d4 rgb(186,99,212)
```
#c377da
```
#c377da rgb(195,119,218)
```
#cc8bdf
```
#cc8bdf rgb(204,139,223)
```
#d59fe5
```
#d59fe5 rgb(213,159,229)
```

Monochromatic Color

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

#9e63d4
```
#9e63d4 rgb(158,99,212)
```
#a763d4
```
#a763d4 rgb(167,99,212)
```
#b163d4
```
#b163d4 rgb(177,99,212)
```
#ba63d4
```
#ba63d4 rgb(186,99,212)
```
#c363d4
```
#c363d4 rgb(195,99,212)
```
#cd63d4
```
#cd63d4 rgb(205,99,212)
```
#d463d2
```
#d463d2 rgb(212,99,210)
```

Similar Colors

Text with hexadecimal color #ba63d4

This text has a font color of #ba63d4.

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

#ba63d4 background color

This paragraph has a background color of #ba63d4.

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

#ba63d4 border color

This element has a border color of #ba63d4.

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

CSS codes

.text {color:#ba63d4;}

.background {background-color:#ba63d4;}

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

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

#0b040d
```
#0b040d rgb(11,4,13)
```
#18081d
```
#18081d rgb(24,8,29)
```
#250c2c
```
#250c2c rgb(37,12,44)
```
#31103b
```
#31103b rgb(49,16,59)
```
#3e154b
```
#3e154b rgb(62,21,75)
```
#4b195a
```
#4b195a rgb(75,25,90)
```
#581d69
```
#581d69 rgb(88,29,105)
```
#652179
```
#652179 rgb(101,33,121)
```
#712688
```
#712688 rgb(113,38,136)
```
#7e2a98
```
#7e2a98 rgb(126,42,152)
```
#8b2ea7
```
#8b2ea7 rgb(139,46,167)
```
#9832b6
```
#9832b6 rgb(152,50,182)
```
#a536c6
```
#a536c6 rgb(165,54,198)
```

Shade Color Variation

#ac44cc
```
#ac44cc rgb(172,68,204)
```
#b354d0
```
#b354d0 rgb(179,84,208)
```
#ba63d4
```
#ba63d4 rgb(186,99,212)
```
#c172d8
```
#c172d8 rgb(193,114,216)
```
#c882dc
```
#c882dc rgb(200,130,220)
```
#ce91e1
```
#ce91e1 rgb(206,145,225)
```
#d5a1e5
```
#d5a1e5 rgb(213,161,229)
```
#dcb0e9
```
#dcb0e9 rgb(220,176,233)
```
#e3bfed
```
#e3bfed rgb(227,191,237)
```
#eacff2
```
#eacff2 rgb(234,207,242)
```
#f0def6
```
#f0def6 rgb(240,222,246)
```
#f7edfa
```
#f7edfa rgb(247,237,250)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#9d999e
```
#9d999e rgb(157,153,158)
```
#a191a6
```
#a191a6 rgb(161,145,166)
```
#a589ae
```
#a589ae rgb(165,137,174)
```
#a982b5
```
#a982b5 rgb(169,130,181)
```
#ae7abd
```
#ae7abd rgb(174,122,189)
```
#b272c5
```
#b272c5 rgb(178,114,197)
```
#b66bcc
```
#b66bcc rgb(182,107,204)
```
#ba63d4
```
#ba63d4 rgb(186,99,212)
```
#be5bdc
```
#be5bdc rgb(190,91,220)
```
#c254e3
```
#c254e3 rgb(194,84,227)
```
#c64ceb
```
#c64ceb rgb(198,76,235)
```
#cb44f3
```
#cb44f3 rgb(203,68,243)
```
#cf3dfa
```
#cf3dfa rgb(207,61,250)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#948299 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5889ee Protanopia 1% of men
#6d8ccb Deuteranopia 1% of men
#b07f88 Tritanopia 0.001% of the population

Trichromacy

#7b7be4 Protanomaly 1% of men, 0.01% of women
#897dce Deuteranomaly 6% of men, 0.4% of women
#b475a4 Tritanomaly 0.01% of the population

#ba63d4 hex color

#ba63d4 Color Information

#ba63d4 Color Conversion

Color Schemes with #ba63d4

Alternatives to #ba63d4

#ba63d4 Preview

Shades and Tints of #ba63d4

Tones of #ba63d4

Color Blindness Simulator