#ba55bf hex color

In a RGB color space, hex #ba55bf is composed of 72.9% red, 33.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 2.6% cyan, 55.5% magenta, 0% yellow and 25.1% black. It has a hue angle of 297.2 degrees, a saturation of 45.3% and a lightness of 54.1%. #ba55bf color hex could be obtained by blending #ffaaff with #75007f. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 33
- B 75
RGB color chart
- C 3
- M 55
- Y 0
- K 25
CMYK color chart

● #ba55bf color description : Moderate magenta.

The hexadecimal color #ba55bf has RGB values of R:186, G:85, B:191 and CMYK values of C:0.03, M:0.55, Y:0, K:0.25. Its decimal value is 12211647.

Hex triplet	ba55bf	`#ba55bf`
RGB Decimal	186, 85, 191	`rgb(186,85,191)`
RGB Percent	72.9, 33.3, 74.9	`rgb(72.9%,33.3%,74.9%)`
CMYK	3, 55, 0, 25
HSL	297.2°, 45.3, 54.1	`hsl(297.2,45.3%,54.1%)`
HSV (or HSB)	297.2°, 55.5, 74.9
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	52.619, 55.3, -37.57
XYZ	32.901, 20.699, 51.55
xyY	0.313, 0.197, 20.699
CIE-LCH	52.619, 66.855, 325.808
CIE-LUV	52.619, 45.425, -64.493
Hunter-Lab	45.496, 49.465, -35.331
Binary	10111010, 01010101, 10111111

#ba55bf
```
#ba55bf rgb(186,85,191)
```
#5abf55
```
#5abf55 rgb(90,191,85)
```

Complementary Color

#8555bf
```
#8555bf rgb(133,85,191)
```
#ba55bf
```
#ba55bf rgb(186,85,191)
```
#bf558f
```
#bf558f rgb(191,85,143)
```

Analogous Color

#55bf85
```
#55bf85 rgb(85,191,133)
```
#ba55bf
```
#ba55bf rgb(186,85,191)
```
#8fbf55
```
#8fbf55 rgb(143,191,85)
```

Split Complementary Color

#55bfba
```
#55bfba rgb(85,191,186)
```
#ba55bf
```
#ba55bf rgb(186,85,191)
```
#bfba55
```
#bfba55 rgb(191,186,85)
```

Triadic Color

#555abf
```
#555abf rgb(85,90,191)
```
#ba55bf
```
#ba55bf rgb(186,85,191)
```
#bfba55
```
#bfba55 rgb(191,186,85)
```
#5abf55
```
#5abf55 rgb(90,191,85)
```

Tetradic Color

#8d3791
```
#8d3791 rgb(141,55,145)
```
#9f3ea3
```
#9f3ea3 rgb(159,62,163)
```
#b145b6
```
#b145b6 rgb(177,69,182)
```
#ba55bf
```
#ba55bf rgb(186,85,191)
```
#c268c6
```
#c268c6 rgb(194,104,198)
```
#c97acd
```
#c97acd rgb(201,122,205)
```
#d18dd4
```
#d18dd4 rgb(209,141,212)
```

Monochromatic Color

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

#a055bf
```
#a055bf rgb(160,85,191)
```
#a855bf
```
#a855bf rgb(168,85,191)
```
#b155bf
```
#b155bf rgb(177,85,191)
```
#ba55bf
```
#ba55bf rgb(186,85,191)
```
#bf55bb
```
#bf55bb rgb(191,85,187)
```
#bf55b2
```
#bf55b2 rgb(191,85,178)
```
#bf55aa
```
#bf55aa rgb(191,85,170)
```

Similar Colors

Text with hexadecimal color #ba55bf

This text has a font color of #ba55bf.

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

#ba55bf background color

This paragraph has a background color of #ba55bf.

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

#ba55bf border color

This element has a border color of #ba55bf.

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

CSS codes

.text {color:#ba55bf;}

.background {background-color:#ba55bf;}

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

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 #faf2fa is the lightest one.

#010001
```
#010001 rgb(1,0,1)
```
#0f060f
```
#0f060f rgb(15,6,15)
```
#1d0b1e
```
#1d0b1e rgb(29,11,30)
```
#2a102c
```
#2a102c rgb(42,16,44)
```
#38163a
```
#38163a rgb(56,22,58)
```
#461b48
```
#461b48 rgb(70,27,72)
```
#542157
```
#542157 rgb(84,33,87)
```
#622665
```
#622665 rgb(98,38,101)
```
#702b73
```
#702b73 rgb(112,43,115)
```
#7d3181
```
#7d3181 rgb(125,49,129)
```
#8b3690
```
#8b3690 rgb(139,54,144)
```
#993b9e
```
#993b9e rgb(153,59,158)
```
#a741ac
```
#a741ac rgb(167,65,172)
```

Shade Color Variation

#b447ba
```
#b447ba rgb(180,71,186)
```
#ba55bf
```
#ba55bf rgb(186,85,191)
```
#c063c4
```
#c063c4 rgb(192,99,196)
```
#c672ca
```
#c672ca rgb(198,114,202)
```
#cb80cf
```
#cb80cf rgb(203,128,207)
```
#d18ed4
```
#d18ed4 rgb(209,142,212)
```
#d79cda
```
#d79cda rgb(215,156,218)
```
#ddabdf
```
#ddabdf rgb(221,171,223)
```
#e2b9e5
```
#e2b9e5 rgb(226,185,229)
```
#e8c7ea
```
#e8c7ea rgb(232,199,234)
```
#eed5ef
```
#eed5ef rgb(238,213,239)
```
#f4e4f5
```
#f4e4f5 rgb(244,228,245)
```
#faf2fa
```
#faf2fa rgb(250,242,250)
```

Tint Color Variation

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

#918292
```
#918292 rgb(145,130,146)
```
#99799b
```
#99799b rgb(153,121,155)
```
#a270a4
```
#a270a4 rgb(162,112,164)
```
#aa67ad
```
#aa67ad rgb(170,103,173)
```
#b25eb6
```
#b25eb6 rgb(178,94,182)
```
#ba55bf
```
#ba55bf rgb(186,85,191)
```
#c24cc8
```
#c24cc8 rgb(194,76,200)
```
#ca43d1
```
#ca43d1 rgb(202,67,209)
```
#d23ada
```
#d23ada rgb(210,58,218)
```
#db31e3
```
#db31e3 rgb(219,49,227)
```
#e328ec
```
#e328ec rgb(227,40,236)
```
#eb1ff5
```
#eb1ff5 rgb(235,31,245)
```
#f316fe
```
#f316fe rgb(243,22,254)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8b778c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5581dd Protanopia 1% of men
#6f83b7 Deuteranopia 1% of men
#b37179 Tritanopia 0.001% of the population

Trichromacy

#7a71d2 Protanomaly 1% of men, 0.01% of women
#8a72ba Deuteranomaly 6% of men, 0.4% of women
#b56792 Tritanomaly 0.01% of the population

#ba55bf hex color

#ba55bf Color Information

#ba55bf Color Conversion

Color Schemes with #ba55bf

Alternatives to #ba55bf

#ba55bf Preview

Shades and Tints of #ba55bf

Tones of #ba55bf

Color Blindness Simulator