#ba5ecc hex color

In a RGB color space, hex #ba5ecc is composed of 72.9% red, 36.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 8.8% cyan, 53.9% magenta, 0% yellow and 20% black. It has a hue angle of 290.2 degrees, a saturation of 51.9% and a lightness of 58.4%. #ba5ecc color hex could be obtained by blending #ffbcff with #750099. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 37
- B 80
RGB color chart
- C 9
- M 54
- Y 0
- K 20
CMYK color chart

● #ba5ecc color description : Moderate magenta.

The hexadecimal color #ba5ecc has RGB values of R:186, G:94, B:204 and CMYK values of C:0.09, M:0.54, Y:0, K:0.2. Its decimal value is 12213964.

Hex triplet	ba5ecc	`#ba5ecc`
RGB Decimal	186, 94, 204	`rgb(186,94,204)`
RGB Percent	72.9, 36.9, 80	`rgb(72.9%,36.9%,80%)`
CMYK	9, 54, 0, 20
HSL	290.2°, 51.9, 58.4	`hsl(290.2,51.9%,58.4%)`
HSV (or HSB)	290.2°, 53.9, 80
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	54.871, 53.414, -41.479
XYZ	35.15, 22.806, 59.674
xyY	0.299, 0.194, 22.806
CIE-LCH	54.871, 67.628, 322.169
CIE-LUV	54.871, 39.179, -70.87
Hunter-Lab	47.755, 47.814, -40.659
Binary	10111010, 01011110, 11001100

#ba5ecc
```
#ba5ecc rgb(186,94,204)
```
#70cc5e
```
#70cc5e rgb(112,204,94)
```

Complementary Color

#835ecc
```
#835ecc rgb(131,94,204)
```
#ba5ecc
```
#ba5ecc rgb(186,94,204)
```
#cc5ea7
```
#cc5ea7 rgb(204,94,167)
```

Analogous Color

#5ecc83
```
#5ecc83 rgb(94,204,131)
```
#ba5ecc
```
#ba5ecc rgb(186,94,204)
```
#a7cc5e
```
#a7cc5e rgb(167,204,94)
```

Split Complementary Color

#5eccba
```
#5eccba rgb(94,204,186)
```
#ba5ecc
```
#ba5ecc rgb(186,94,204)
```
#ccba5e
```
#ccba5e rgb(204,186,94)
```

Triadic Color

#5e70cc
```
#5e70cc rgb(94,112,204)
```
#ba5ecc
```
#ba5ecc rgb(186,94,204)
```
#ccba5e
```
#ccba5e rgb(204,186,94)
```
#70cc5e
```
#70cc5e rgb(112,204,94)
```

Tetradic Color

#9535a8
```
#9535a8 rgb(149,53,168)
```
#a73bbc
```
#a73bbc rgb(167,59,188)
```
#b24bc6
```
#b24bc6 rgb(178,75,198)
```
#ba5ecc
```
#ba5ecc rgb(186,94,204)
```
#c271d2
```
#c271d2 rgb(194,113,210)
```
#cb85d8
```
#cb85d8 rgb(203,133,216)
```
#d398de
```
#d398de rgb(211,152,222)
```

Monochromatic Color

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

#9f5ecc
```
#9f5ecc rgb(159,94,204)
```
#a85ecc
```
#a85ecc rgb(168,94,204)
```
#b15ecc
```
#b15ecc rgb(177,94,204)
```
#ba5ecc
```
#ba5ecc rgb(186,94,204)
```
#c35ecc
```
#c35ecc rgb(195,94,204)
```
#cc5ecc
```
#cc5ecc rgb(204,94,204)
```
#cc5ec3
```
#cc5ec3 rgb(204,94,195)
```

Similar Colors

Text with hexadecimal color #ba5ecc

This text has a font color of #ba5ecc.

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

#ba5ecc background color

This paragraph has a background color of #ba5ecc.

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

#ba5ecc border color

This element has a border color of #ba5ecc.

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

CSS codes

.text {color:#ba5ecc;}

.background {background-color:#ba5ecc;}

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

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

#030103
```
#030103 rgb(3,1,3)
```
#100612
```
#100612 rgb(16,6,18)
```
#1d0a21
```
#1d0a21 rgb(29,10,33)
```
#2a0f30
```
#2a0f30 rgb(42,15,48)
```
#37143e
```
#37143e rgb(55,20,62)
```
#45194d
```
#45194d rgb(69,25,77)
```
#521d5c
```
#521d5c rgb(82,29,92)
```
#5f226b
```
#5f226b rgb(95,34,107)
```
#6c277a
```
#6c277a rgb(108,39,122)
```
#7a2b89
```
#7a2b89 rgb(122,43,137)
```
#873098
```
#873098 rgb(135,48,152)
```
#9435a7
```
#9435a7 rgb(148,53,167)
```
#a13ab6
```
#a13ab6 rgb(161,58,182)
```

Shade Color Variation

#ad40c3
```
#ad40c3 rgb(173,64,195)
```
#b44fc7
```
#b44fc7 rgb(180,79,199)
```
#ba5ecc
```
#ba5ecc rgb(186,94,204)
```
#c06dd1
```
#c06dd1 rgb(192,109,209)
```
#c77cd5
```
#c77cd5 rgb(199,124,213)
```
#cd8bda
```
#cd8bda rgb(205,139,218)
```
#d49adf
```
#d49adf rgb(212,154,223)
```
#daa8e4
```
#daa8e4 rgb(218,168,228)
```
#e0b7e8
```
#e0b7e8 rgb(224,183,232)
```
#e7c6ed
```
#e7c6ed rgb(231,198,237)
```
#edd5f2
```
#edd5f2 rgb(237,213,242)
```
#f3e4f6
```
#f3e4f6 rgb(243,228,246)
```
#faf3fb
```
#faf3fb rgb(250,243,251)
```

Tint Color Variation

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

#998f9b
```
#998f9b rgb(153,143,155)
```
#9f87a3
```
#9f87a3 rgb(159,135,163)
```
#a47fab
```
#a47fab rgb(164,127,171)
```
#aa76b4
```
#aa76b4 rgb(170,118,180)
```
#af6ebc
```
#af6ebc rgb(175,110,188)
```
#b566c4
```
#b566c4 rgb(181,102,196)
```
#ba5ecc
```
#ba5ecc rgb(186,94,204)
```
#bf56d4
```
#bf56d4 rgb(191,86,212)
```
#c54edc
```
#c54edc rgb(197,78,220)
```
#ca46e4
```
#ca46e4 rgb(202,70,228)
```
#d03ded
```
#d03ded rgb(208,61,237)
```
#d535f5
```
#d535f5 rgb(213,53,245)
```
#db2dfd
```
#db2dfd rgb(219,45,253)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#907e94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5786e7 Protanopia 1% of men
#6e88c3 Deuteranopia 1% of men
#b17a83 Tritanopia 0.001% of the population

Trichromacy

#7b77dd Protanomaly 1% of men, 0.01% of women
#8a79c6 Deuteranomaly 6% of men, 0.4% of women
#b4709d Tritanomaly 0.01% of the population

#ba5ecc hex color

#ba5ecc Color Information

#ba5ecc Color Conversion

Color Schemes with #ba5ecc

Alternatives to #ba5ecc

#ba5ecc Preview

Shades and Tints of #ba5ecc

Tones of #ba5ecc

Color Blindness Simulator