#b457c4 hex color

In a RGB color space, hex #b457c4 is composed of 70.6% red, 34.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 8.2% cyan, 55.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 291.2 degrees, a saturation of 48% and a lightness of 55.5%. #b457c4 color hex could be obtained by blending #ffaeff with #690089. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 71
- G 34
- B 77
RGB color chart
- C 8
- M 56
- Y 0
- K 23
CMYK color chart

● #b457c4 color description : Moderate magenta.

The hexadecimal color #b457c4 has RGB values of R:180, G:87, B:196 and CMYK values of C:0.08, M:0.56, Y:0, K:0.23. Its decimal value is 11818948.

Hex triplet	b457c4	`#b457c4`
RGB Decimal	180, 87, 196	`rgb(180,87,196)`
RGB Percent	70.6, 34.1, 76.9	`rgb(70.6%,34.1%,76.9%)`
CMYK	8, 56, 0, 23
HSL	291.2°, 48, 55.5	`hsl(291.2,48%,55.5%)`
HSV (or HSB)	291.2°, 55.6, 76.9
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	52.405, 53.685, -40.841
XYZ	32.193, 20.507, 54.484
xyY	0.3, 0.191, 20.507
CIE-LCH	52.405, 67.454, 322.737
CIE-LUV	52.405, 39.545, -69.215
Hunter-Lab	45.284, 47.651, -39.636
Binary	10110100, 01010111, 11000100

#b457c4
```
#b457c4 rgb(180,87,196)
```
#67c457
```
#67c457 rgb(103,196,87)
```

Complementary Color

#7e57c4
```
#7e57c4 rgb(126,87,196)
```
#b457c4
```
#b457c4 rgb(180,87,196)
```
#c4579e
```
#c4579e rgb(196,87,158)
```

Analogous Color

#57c47e
```
#57c47e rgb(87,196,126)
```
#b457c4
```
#b457c4 rgb(180,87,196)
```
#9ec457
```
#9ec457 rgb(158,196,87)
```

Split Complementary Color

#57c4b4
```
#57c4b4 rgb(87,196,180)
```
#b457c4
```
#b457c4 rgb(180,87,196)
```
#c4b457
```
#c4b457 rgb(196,180,87)
```

Triadic Color

#5767c4
```
#5767c4 rgb(87,103,196)
```
#b457c4
```
#b457c4 rgb(180,87,196)
```
#c4b457
```
#c4b457 rgb(196,180,87)
```
#67c457
```
#67c457 rgb(103,196,87)
```

Tetradic Color

#8a3699
```
#8a3699 rgb(138,54,153)
```
#9b3cac
```
#9b3cac rgb(155,60,172)
```
#ac44bd
```
#ac44bd rgb(172,68,189)
```
#b457c4
```
#b457c4 rgb(180,87,196)
```
#bc6acb
```
#bc6acb rgb(188,106,203)
```
#c57dd1
```
#c57dd1 rgb(197,125,209)
```
#cd90d8
```
#cd90d8 rgb(205,144,216)
```

Monochromatic Color

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

#9957c4
```
#9957c4 rgb(153,87,196)
```
#a257c4
```
#a257c4 rgb(162,87,196)
```
#ab57c4
```
#ab57c4 rgb(171,87,196)
```
#b457c4
```
#b457c4 rgb(180,87,196)
```
#bd57c4
```
#bd57c4 rgb(189,87,196)
```
#c457c2
```
#c457c2 rgb(196,87,194)
```
#c457b9
```
#c457b9 rgb(196,87,185)
```

Similar Colors

Text with hexadecimal color #b457c4

This text has a font color of #b457c4.

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

#b457c4 background color

This paragraph has a background color of #b457c4.

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

#b457c4 border color

This element has a border color of #b457c4.

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

CSS codes

.text {color:#b457c4;}

.background {background-color:#b457c4;}

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

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

#060206
```
#060206 rgb(6,2,6)
```
#130715
```
#130715 rgb(19,7,21)
```
#200c23
```
#200c23 rgb(32,12,35)
```
#2d1132
```
#2d1132 rgb(45,17,50)
```
#3a1740
```
#3a1740 rgb(58,23,64)
```
#471c4f
```
#471c4f rgb(71,28,79)
```
#54215d
```
#54215d rgb(84,33,93)
```
#62266c
```
#62266c rgb(98,38,108)
```
#6f2b7a
```
#6f2b7a rgb(111,43,122)
```
#7c3089
```
#7c3089 rgb(124,48,137)
```
#893597
```
#893597 rgb(137,53,151)
```
#963aa6
```
#963aa6 rgb(150,58,166)
```
#a33fb4
```
#a33fb4 rgb(163,63,180)
```

Shade Color Variation

#ae48bf
```
#ae48bf rgb(174,72,191)
```
#b457c4
```
#b457c4 rgb(180,87,196)
```
#ba66c9
```
#ba66c9 rgb(186,102,201)
```
#c174ce
```
#c174ce rgb(193,116,206)
```
#c783d3
```
#c783d3 rgb(199,131,211)
```
#ce91d8
```
#ce91d8 rgb(206,145,216)
```
#d4a0dd
```
#d4a0dd rgb(212,160,221)
```
#dbaee3
```
#dbaee3 rgb(219,174,227)
```
#e1bde8
```
#e1bde8 rgb(225,189,232)
```
#e8cbed
```
#e8cbed rgb(232,203,237)
```
#eedaf2
```
#eedaf2 rgb(238,218,242)
```
#f5e8f7
```
#f5e8f7 rgb(245,232,247)
```
#fbf7fc
```
#fbf7fc rgb(251,247,252)
```

Tint Color Variation

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

#8f8b90
```
#8f8b90 rgb(143,139,144)
```
#958398
```
#958398 rgb(149,131,152)
```
#9b7aa1
```
#9b7aa1 rgb(155,122,161)
```
#a171aa
```
#a171aa rgb(161,113,170)
```
#a868b3
```
#a868b3 rgb(168,104,179)
```
#ae60bb
```
#ae60bb rgb(174,96,187)
```
#b457c4
```
#b457c4 rgb(180,87,196)
```
#ba4ecd
```
#ba4ecd rgb(186,78,205)
```
#c046d5
```
#c046d5 rgb(192,70,213)
```
#c73dde
```
#c73dde rgb(199,61,222)
```
#cd34e7
```
#cd34e7 rgb(205,52,231)
```
#d32bf0
```
#d32bf0 rgb(211,43,240)
```
#d923f8
```
#d923f8 rgb(217,35,248)
```

Tone Color Variation

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

Dichromacy

#5080e0 Protanopia 1% of men
#6983bc Deuteranopia 1% of men
#ac747c Tritanopia 0.001% of the population

Trichromacy

#7471d6 Protanomaly 1% of men, 0.01% of women
#8473bf Deuteranomaly 6% of men, 0.4% of women
#af6996 Tritanomaly 0.01% of the population

#b457c4 hex color

#b457c4 Color Information

#b457c4 Color Conversion

Color Schemes with #b457c4

Alternatives to #b457c4

#b457c4 Preview

Shades and Tints of #b457c4

Tones of #b457c4

Color Blindness Simulator