#b557bb hex color

In a RGB color space, hex #b557bb is composed of 71% red, 34.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 53.5% magenta, 0% yellow and 26.7% black. It has a hue angle of 296.4 degrees, a saturation of 42.4% and a lightness of 53.7%. #b557bb color hex could be obtained by blending #ffaeff with #6b0077. 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

● #b557bb color description : Moderate magenta.

The hexadecimal color #b557bb has RGB values of R:181, G:87, B:187 and CMYK values of C:0.03, M:0.53, Y:0, K:0.27. Its decimal value is 11884475.

Hex triplet	b557bb	`#b557bb`
RGB Decimal	181, 87, 187	`rgb(181,87,187)`
RGB Percent	71, 34.1, 73.3	`rgb(71%,34.1%,73.3%)`
CMYK	3, 53, 0, 27
HSL	296.4°, 42.4, 53.7	`hsl(296.4,42.4%,53.7%)`
HSV (or HSB)	296.4°, 53.5, 73.3
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	52.096, 52.253, -36.129
XYZ	31.433, 20.229, 49.26
xyY	0.311, 0.2, 20.229
CIE-LCH	52.096, 63.527, 325.339
CIE-LUV	52.096, 42.437, -61.711
Hunter-Lab	44.977, 46.037, -33.452
Binary	10110101, 01010111, 10111011

#b557bb
```
#b557bb rgb(181,87,187)
```
#5dbb57
```
#5dbb57 rgb(93,187,87)
```

Complementary Color

#8357bb
```
#8357bb rgb(131,87,187)
```
#b557bb
```
#b557bb rgb(181,87,187)
```
#bb578f
```
#bb578f rgb(187,87,143)
```

Analogous Color

#57bb83
```
#57bb83 rgb(87,187,131)
```
#b557bb
```
#b557bb rgb(181,87,187)
```
#8fbb57
```
#8fbb57 rgb(143,187,87)
```

Split Complementary Color

#57bbb5
```
#57bbb5 rgb(87,187,181)
```
#b557bb
```
#b557bb rgb(181,87,187)
```
#bbb557
```
#bbb557 rgb(187,181,87)
```

Triadic Color

#575dbb
```
#575dbb rgb(87,93,187)
```
#b557bb
```
#b557bb rgb(181,87,187)
```
#bbb557
```
#bbb557 rgb(187,181,87)
```
#5dbb57
```
#5dbb57 rgb(93,187,87)
```

Tetradic Color

#88398d
```
#88398d rgb(136,57,141)
```
#99409f
```
#99409f rgb(153,64,159)
```
#ab48b1
```
#ab48b1 rgb(171,72,177)
```
#b557bb
```
#b557bb rgb(181,87,187)
```
#bd69c2
```
#bd69c2 rgb(189,105,194)
```
#c57bca
```
#c57bca rgb(197,123,202)
```
#cd8dd1
```
#cd8dd1 rgb(205,141,209)
```

Monochromatic Color

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

#9c57bb
```
#9c57bb rgb(156,87,187)
```
#a457bb
```
#a457bb rgb(164,87,187)
```
#ad57bb
```
#ad57bb rgb(173,87,187)
```
#b557bb
```
#b557bb rgb(181,87,187)
```
#bb57b9
```
#bb57b9 rgb(187,87,185)
```
#bb57b0
```
#bb57b0 rgb(187,87,176)
```
#bb57a8
```
#bb57a8 rgb(187,87,168)
```

Similar Colors

Text with hexadecimal color #b557bb

This text has a font color of #b557bb.

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

#b557bb background color

This paragraph has a background color of #b557bb.

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

#b557bb border color

This element has a border color of #b557bb.

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

CSS codes

.text {color:#b557bb;}

.background {background-color:#b557bb;}

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

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

#0d050e
```
#0d050e rgb(13,5,14)
```
#1b0b1b
```
#1b0b1b rgb(27,11,27)
```
#281129
```
#281129 rgb(40,17,41)
```
#351637
```
#351637 rgb(53,22,55)
```
#431c45
```
#431c45 rgb(67,28,69)
```
#502253
```
#502253 rgb(80,34,83)
```
#5e2761
```
#5e2761 rgb(94,39,97)
```
#6b2d6f
```
#6b2d6f rgb(107,45,111)
```
#79337d
```
#79337d rgb(121,51,125)
```
#86388b
```
#86388b rgb(134,56,139)
```
#943e99
```
#943e99 rgb(148,62,153)
```
#a144a7
```
#a144a7 rgb(161,68,167)
```
#af49b5
```
#af49b5 rgb(175,73,181)
```

Shade Color Variation

#b557bb
```
#b557bb rgb(181,87,187)
```
#bb65c1
```
#bb65c1 rgb(187,101,193)
```
#c173c6
```
#c173c6 rgb(193,115,198)
```
#c781cc
```
#c781cc rgb(199,129,204)
```
#ce8fd2
```
#ce8fd2 rgb(206,143,210)
```
#d49dd7
```
#d49dd7 rgb(212,157,215)
```
#daabdd
```
#daabdd rgb(218,171,221)
```
#e0b9e3
```
#e0b9e3 rgb(224,185,227)
```
#e6c7e8
```
#e6c7e8 rgb(230,199,232)
```
#ecd5ee
```
#ecd5ee rgb(236,213,238)
```
#f3e3f4
```
#f3e3f4 rgb(243,227,244)
```
#f9f1f9
```
#f9f1f9 rgb(249,241,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8d848e
```
#8d848e rgb(141,132,142)
```
#957b97
```
#957b97 rgb(149,123,151)
```
#9d72a0
```
#9d72a0 rgb(157,114,160)
```
#a569a9
```
#a569a9 rgb(165,105,169)
```
#ad60b2
```
#ad60b2 rgb(173,96,178)
```
#b557bb
```
#b557bb rgb(181,87,187)
```
#bd4ec4
```
#bd4ec4 rgb(189,78,196)
```
#c545cd
```
#c545cd rgb(197,69,205)
```
#cd3cd6
```
#cd3cd6 rgb(205,60,214)
```
#d533df
```
#d533df rgb(213,51,223)
```
#dd2ae8
```
#dd2ae8 rgb(221,42,232)
```
#e521f1
```
#e521f1 rgb(229,33,241)
```
#ed17fb
```
#ed17fb rgb(237,23,251)
```

Tone Color Variation

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

Dichromacy

#5980d6 Protanopia 1% of men
#6f81b4 Deuteranopia 1% of men
#ae7279 Tritanopia 0.001% of the population

Trichromacy

#7a71cc Protanomaly 1% of men, 0.01% of women
#8872b6 Deuteranomaly 6% of men, 0.4% of women
#b16891 Tritanomaly 0.01% of the population

#b557bb hex color

#b557bb Color Information

#b557bb Color Conversion

Color Schemes with #b557bb

Alternatives to #b557bb

#b557bb Preview

Shades and Tints of #b557bb

Tones of #b557bb

Color Blindness Simulator