#b457ba hex color

In a RGB color space, hex #b457ba is composed of 70.6% red, 34.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 53.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 296.4 degrees, a saturation of 41.8% and a lightness of 53.5%. #b457ba color hex could be obtained by blending #ffaeff with #690075. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 71
- G 34
- B 73
RGB color chart
- C 3
- M 53
- Y 0
- K 27
CMYK color chart

● #b457ba color description : Moderate magenta.

The hexadecimal color #b457ba has RGB values of R:180, G:87, B:186 and CMYK values of C:0.03, M:0.53, Y:0, K:0.27. Its decimal value is 11818938.

Hex triplet	b457ba	`#b457ba`
RGB Decimal	180, 87, 186	`rgb(180,87,186)`
RGB Percent	70.6, 34.1, 72.9	`rgb(70.6%,34.1%,72.9%)`
CMYK	3, 53, 0, 27
HSL	296.4°, 41.8, 53.5	`hsl(296.4,41.8%,53.5%)`
HSV (or HSB)	296.4°, 53.2, 72.9
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	51.912, 51.792, -35.848
XYZ	31.093, 20.066, 48.687
xyY	0.311, 0.201, 20.066
CIE-LCH	51.912, 62.988, 325.311
CIE-LUV	51.912, 42.023, -61.167
Hunter-Lab	44.795, 45.505, -33.084
Binary	10110100, 01010111, 10111010

#b457ba
```
#b457ba rgb(180,87,186)
```
#5dba57
```
#5dba57 rgb(93,186,87)
```

Complementary Color

#8357ba
```
#8357ba rgb(131,87,186)
```
#b457ba
```
#b457ba rgb(180,87,186)
```
#ba578f
```
#ba578f rgb(186,87,143)
```

Analogous Color

#57ba83
```
#57ba83 rgb(87,186,131)
```
#b457ba
```
#b457ba rgb(180,87,186)
```
#8fba57
```
#8fba57 rgb(143,186,87)
```

Split Complementary Color

#57bab4
```
#57bab4 rgb(87,186,180)
```
#b457ba
```
#b457ba rgb(180,87,186)
```
#bab457
```
#bab457 rgb(186,180,87)
```

Triadic Color

#575dba
```
#575dba rgb(87,93,186)
```
#b457ba
```
#b457ba rgb(180,87,186)
```
#bab457
```
#bab457 rgb(186,180,87)
```
#5dba57
```
#5dba57 rgb(93,186,87)
```

Tetradic Color

#86398b
```
#86398b rgb(134,57,139)
```
#98419d
```
#98419d rgb(152,65,157)
```
#a948af
```
#a948af rgb(169,72,175)
```
#b457ba
```
#b457ba rgb(180,87,186)
```
#bc69c1
```
#bc69c1 rgb(188,105,193)
```
#c47bc9
```
#c47bc9 rgb(196,123,201)
```
#cc8dd0
```
#cc8dd0 rgb(204,141,208)
```

Monochromatic Color

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

#9b57ba
```
#9b57ba rgb(155,87,186)
```
#a457ba
```
#a457ba rgb(164,87,186)
```
#ac57ba
```
#ac57ba rgb(172,87,186)
```
#b457ba
```
#b457ba rgb(180,87,186)
```
#ba57b8
```
#ba57b8 rgb(186,87,184)
```
#ba57b0
```
#ba57b0 rgb(186,87,176)
```
#ba57a7
```
#ba57a7 rgb(186,87,167)
```

Similar Colors

Text with hexadecimal color #b457ba

This text has a font color of #b457ba.

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

#b457ba background color

This paragraph has a background color of #b457ba.

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

#b457ba border color

This element has a border color of #b457ba.

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

CSS codes

.text {color:#b457ba;}

.background {background-color:#b457ba;}

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

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

#0c050d
```
#0c050d rgb(12,5,13)
```
#1a0b1b
```
#1a0b1b rgb(26,11,27)
```
#271129
```
#271129 rgb(39,17,41)
```
#351636
```
#351636 rgb(53,22,54)
```
#421c44
```
#421c44 rgb(66,28,68)
```
#4f2252
```
#4f2252 rgb(79,34,82)
```
#5d2860
```
#5d2860 rgb(93,40,96)
```
#6a2d6e
```
#6a2d6e rgb(106,45,110)
```
#78337c
```
#78337c rgb(120,51,124)
```
#85398a
```
#85398a rgb(133,57,138)
```
#923e98
```
#923e98 rgb(146,62,152)
```
#a044a6
```
#a044a6 rgb(160,68,166)
```
#ad4ab4
```
#ad4ab4 rgb(173,74,180)
```

Shade Color Variation

#b457ba
```
#b457ba rgb(180,87,186)
```
#ba65c0
```
#ba65c0 rgb(186,101,192)
```
#c073c5
```
#c073c5 rgb(192,115,197)
```
#c781cb
```
#c781cb rgb(199,129,203)
```
#cd8fd1
```
#cd8fd1 rgb(205,143,209)
```
#d39dd7
```
#d39dd7 rgb(211,157,215)
```
#d9aadc
```
#d9aadc rgb(217,170,220)
```
#dfb8e2
```
#dfb8e2 rgb(223,184,226)
```
#e6c6e8
```
#e6c6e8 rgb(230,198,232)
```
#ecd4ed
```
#ecd4ed rgb(236,212,237)
```
#f2e2f3
```
#f2e2f3 rgb(242,226,243)
```
#f8f0f9
```
#f8f0f9 rgb(248,240,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8c858c
```
#8c858c rgb(140,133,140)
```
#947b96
```
#947b96 rgb(148,123,150)
```
#9c729f
```
#9c729f rgb(156,114,159)
```
#a469a8
```
#a469a8 rgb(164,105,168)
```
#ac60b1
```
#ac60b1 rgb(172,96,177)
```
#b457ba
```
#b457ba rgb(180,87,186)
```
#bc4ec3
```
#bc4ec3 rgb(188,78,195)
```
#c445cc
```
#c445cc rgb(196,69,204)
```
#cc3cd5
```
#cc3cd5 rgb(204,60,213)
```
#d433de
```
#d433de rgb(212,51,222)
```
#dc29e8
```
#dc29e8 rgb(220,41,232)
```
#e420f1
```
#e420f1 rgb(228,32,241)
```
#ec17fa
```
#ec17fa rgb(236,23,250)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#89768a Atypical Achromatopsia 0.001% of the population

Dichromacy

#597fd5 Protanopia 1% of men
#6f81b3 Deuteranopia 1% of men
#ae7179 Tritanopia 0.001% of the population

Trichromacy

#7a70cb Protanomaly 1% of men, 0.01% of women
#8872b5 Deuteranomaly 6% of men, 0.4% of women
#b06891 Tritanomaly 0.01% of the population

#b457ba hex color

#b457ba Color Information

#b457ba Color Conversion

Color Schemes with #b457ba

Alternatives to #b457ba

#b457ba Preview

Shades and Tints of #b457ba

Tones of #b457ba

Color Blindness Simulator