#b457d7 hex color

In a RGB color space, hex #b457d7 is composed of 70.6% red, 34.1% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 59.5% magenta, 0% yellow and 15.7% black. It has a hue angle of 283.6 degrees, a saturation of 61.5% and a lightness of 59.2%. #b457d7 color hex could be obtained by blending #ffaeff with #6900af. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 71
- G 34
- B 84
RGB color chart
- C 16
- M 60
- Y 0
- K 16
CMYK color chart

● #b457d7 color description : Moderate violet.

The hexadecimal color #b457d7 has RGB values of R:180, G:87, B:215 and CMYK values of C:0.16, M:0.6, Y:0, K:0.16. Its decimal value is 11818967.

Hex triplet	b457d7	`#b457d7`
RGB Decimal	180, 87, 215	`rgb(180,87,215)`
RGB Percent	70.6, 34.1, 84.3	`rgb(70.6%,34.1%,84.3%)`
CMYK	16, 60, 0, 16
HSL	283.6°, 61.5, 59.2	`hsl(283.6,61.5%,59.2%)`
HSV (or HSB)	283.6°, 59.5, 84.3
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	53.414, 57.452, -50.098
XYZ	34.495, 21.427, 66.605
xyY	0.282, 0.175, 21.427
CIE-LCH	53.414, 76.227, 318.912
CIE-LUV	53.414, 35.032, -84.24
Hunter-Lab	46.289, 52.011, -52.909
Binary	10110100, 01010111, 11010111

#b457d7
```
#b457d7 rgb(180,87,215)
```
#7ad757
```
#7ad757 rgb(122,215,87)
```

Complementary Color

#7457d7
```
#7457d7 rgb(116,87,215)
```
#b457d7
```
#b457d7 rgb(180,87,215)
```
#d757ba
```
#d757ba rgb(215,87,186)
```

Analogous Color

#57d774
```
#57d774 rgb(87,215,116)
```
#b457d7
```
#b457d7 rgb(180,87,215)
```
#bad757
```
#bad757 rgb(186,215,87)
```

Split Complementary Color

#57d7b4
```
#57d7b4 rgb(87,215,180)
```
#b457d7
```
#b457d7 rgb(180,87,215)
```
#d7b457
```
#d7b457 rgb(215,180,87)
```

Triadic Color

#577ad7
```
#577ad7 rgb(87,122,215)
```
#b457d7
```
#b457d7 rgb(180,87,215)
```
#d7b457
```
#d7b457 rgb(215,180,87)
```
#7ad757
```
#7ad757 rgb(122,215,87)
```

Tetradic Color

#902bb6
```
#902bb6 rgb(144,43,182)
```
#a030cb
```
#a030cb rgb(160,48,203)
```
#ab42d2
```
#ab42d2 rgb(171,66,210)
```
#b457d7
```
#b457d7 rgb(180,87,215)
```
#bd6cdc
```
#bd6cdc rgb(189,108,220)
```
#c680e1
```
#c680e1 rgb(198,128,225)
```
#d095e6
```
#d095e6 rgb(208,149,230)
```

Monochromatic Color

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

#9457d7
```
#9457d7 rgb(148,87,215)
```
#9f57d7
```
#9f57d7 rgb(159,87,215)
```
#a957d7
```
#a957d7 rgb(169,87,215)
```
#b457d7
```
#b457d7 rgb(180,87,215)
```
#bf57d7
```
#bf57d7 rgb(191,87,215)
```
#c957d7
```
#c957d7 rgb(201,87,215)
```
#d457d7
```
#d457d7 rgb(212,87,215)
```

Similar Colors

Text with hexadecimal color #b457d7

This text has a font color of #b457d7.

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

#b457d7 background color

This paragraph has a background color of #b457d7.

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

#b457d7 border color

This element has a border color of #b457d7.

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

CSS codes

.text {color:#b457d7;}

.background {background-color:#b457d7;}

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

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

#050106
```
#050106 rgb(5,1,6)
```
#120516
```
#120516 rgb(18,5,22)
```
#1e0926
```
#1e0926 rgb(30,9,38)
```
#2b0d36
```
#2b0d36 rgb(43,13,54)
```
#371146
```
#371146 rgb(55,17,70)
```
#441455
```
#441455 rgb(68,20,85)
```
#501865
```
#501865 rgb(80,24,101)
```
#5d1c75
```
#5d1c75 rgb(93,28,117)
```
#692085
```
#692085 rgb(105,32,133)
```
#762395
```
#762395 rgb(118,35,149)
```
#8227a5
```
#8227a5 rgb(130,39,165)
```
#8f2bb5
```
#8f2bb5 rgb(143,43,181)
```
#9b2fc4
```
#9b2fc4 rgb(155,47,196)
```

Shade Color Variation

#a637cf
```
#a637cf rgb(166,55,207)
```
#ad47d3
```
#ad47d3 rgb(173,71,211)
```
#b457d7
```
#b457d7 rgb(180,87,215)
```
#bb67db
```
#bb67db rgb(187,103,219)
```
#c277df
```
#c277df rgb(194,119,223)
```
#c987e2
```
#c987e2 rgb(201,135,226)
```
#d096e6
```
#d096e6 rgb(208,150,230)
```
#d7a6ea
```
#d7a6ea rgb(215,166,234)
```
#deb6ee
```
#deb6ee rgb(222,182,238)
```
#e6c6f1
```
#e6c6f1 rgb(230,198,241)
```
#edd6f5
```
#edd6f5 rgb(237,214,245)
```
#f4e6f9
```
#f4e6f9 rgb(244,230,249)
```
#fbf5fd
```
#fbf5fd rgb(251,245,253)
```

Tint Color Variation

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

#9b8f9f
```
#9b8f9f rgb(155,143,159)
```
#9e87a7
```
#9e87a7 rgb(158,135,167)
```
#a27faf
```
#a27faf rgb(162,127,175)
```
#a677b7
```
#a677b7 rgb(166,119,183)
```
#a96fbf
```
#a96fbf rgb(169,111,191)
```
#ad67c7
```
#ad67c7 rgb(173,103,199)
```
#b05fcf
```
#b05fcf rgb(176,95,207)
```
#b457d7
```
#b457d7 rgb(180,87,215)
```
#b84fdf
```
#b84fdf rgb(184,79,223)
```
#bb47e7
```
#bb47e7 rgb(187,71,231)
```
#bf3fef
```
#bf3fef rgb(191,63,239)
```
#c337f7
```
#c337f7 rgb(195,55,247)
```
#c62fff
```
#c62fff rgb(198,47,255)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8b7992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3682f5 Protanopia 1% of men
#5a86cc Deuteranopia 1% of men
#a87981 Tritanopia 0.001% of the population

Trichromacy

#6472ea Protanomaly 1% of men, 0.01% of women
#7a75d0 Deuteranomaly 6% of men, 0.4% of women
#ac6da0 Tritanomaly 0.01% of the population

#b457d7 hex color

#b457d7 Color Information

#b457d7 Color Conversion

Color Schemes with #b457d7

Alternatives to #b457d7

#b457d7 Preview

Shades and Tints of #b457d7

Tones of #b457d7

Color Blindness Simulator