colorhexa.com

#b558d3 hex color

In a RGB color space, hex #b558d3 is composed of 71% red, 34.5% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 58.3% magenta, 0% yellow and 17.3% black. It has a hue angle of 285.4 degrees, a saturation of 58.3% and a lightness of 58.6%. #b558d3 color hex could be obtained by blending #ffb0ff with #6b00a7. Closest websafe color is: #cc66cc.

- R 71
- G 35
- B 83
RGB color chart
- C 14
- M 58
- Y 0
- K 17
CMYK color chart

● #b558d3 color description : Moderate magenta.

The hexadecimal color #b558d3 has RGB values of R:181, G:88, B:211 and CMYK values of C:0.14, M:0.58, Y:0, K:0.17. Its decimal value is 11884755.

Hex triplet	b558d3	`#b558d3`
RGB Decimal	181, 88, 211	`rgb(181,88,211)`
RGB Percent	71, 34.5, 82.7	`rgb(71%,34.5%,82.7%)`
CMYK	14, 58, 0, 17
HSL	285.4°, 58.3, 58.6	`hsl(285.4,58.3%,58.6%)`
HSV (or HSB)	285.4°, 58.3, 82.7
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	53.501, 56.413, -47.678
XYZ	34.302, 21.508, 63.969
xyY	0.286, 0.18, 21.508
CIE-LCH	53.501, 73.862, 319.797
CIE-LUV	53.501, 36.282, -80.428
Hunter-Lab	46.376, 50.869, -49.318
Binary	10110101, 01011000, 11010011

#b558d3
```
#b558d3 rgb(181,88,211)
```
#76d358
```
#76d358 rgb(118,211,88)
```

Complementary Color

#7858d3
```
#7858d3 rgb(120,88,211)
```
#b558d3
```
#b558d3 rgb(181,88,211)
```
#d358b4
```
#d358b4 rgb(211,88,180)
```

Analogous Color

#58d378
```
#58d378 rgb(88,211,120)
```
#b558d3
```
#b558d3 rgb(181,88,211)
```
#b4d358
```
#b4d358 rgb(180,211,88)
```

Split Complementary Color

#58d3b5
```
#58d3b5 rgb(88,211,181)
```
#b558d3
```
#b558d3 rgb(181,88,211)
```
#d3b558
```
#d3b558 rgb(211,181,88)
```

Triadic Color

#5876d3
```
#5876d3 rgb(88,118,211)
```
#b558d3
```
#b558d3 rgb(181,88,211)
```
#d3b558
```
#d3b558 rgb(211,181,88)
```
#76d358
```
#76d358 rgb(118,211,88)
```

Tetradic Color

#902eb0
```
#902eb0 rgb(144,46,176)
```
#a134c4
```
#a134c4 rgb(161,52,196)
```
#ac44ce
```
#ac44ce rgb(172,68,206)
```
#b558d3
```
#b558d3 rgb(181,88,211)
```
#be6cd8
```
#be6cd8 rgb(190,108,216)
```
#c780de
```
#c780de rgb(199,128,222)
```
#d095e3
```
#d095e3 rgb(208,149,227)
```

Monochromatic Color

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

#9658d3
```
#9658d3 rgb(150,88,211)
```
#a158d3
```
#a158d3 rgb(161,88,211)
```
#ab58d3
```
#ab58d3 rgb(171,88,211)
```
#b558d3
```
#b558d3 rgb(181,88,211)
```
#bf58d3
```
#bf58d3 rgb(191,88,211)
```
#ca58d3
```
#ca58d3 rgb(202,88,211)
```
#d358d2
```
#d358d2 rgb(211,88,210)
```

Similar Colors

Text with hexadecimal color #b558d3

This text has a font color of #b558d3.

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

#b558d3 background color

This paragraph has a background color of #b558d3.

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

#b558d3 border color

This element has a border color of #b558d3.

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

CSS codes

.text {color:#b558d3;}

.background {background-color:#b558d3;}

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

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

#030104
```
#030104 rgb(3,1,4)
```
#100513
```
#100513 rgb(16,5,19)
```
#1d0923
```
#1d0923 rgb(29,9,35)
```
#290d32
```
#290d32 rgb(41,13,50)
```
#361142
```
#361142 rgb(54,17,66)
```
#431551
```
#431551 rgb(67,21,81)
```
#501a61
```
#501a61 rgb(80,26,97)
```
#5c1e70
```
#5c1e70 rgb(92,30,112)
```
#692280
```
#692280 rgb(105,34,128)
```
#76268f
```
#76268f rgb(118,38,143)
```
#822a9f
```
#822a9f rgb(130,42,159)
```
#8f2eaf
```
#8f2eaf rgb(143,46,175)
```
#9c32be
```
#9c32be rgb(156,50,190)
```

Shade Color Variation

#a739cb
```
#a739cb rgb(167,57,203)
```
#ae48cf
```
#ae48cf rgb(174,72,207)
```
#b558d3
```
#b558d3 rgb(181,88,211)
```
#bc68d7
```
#bc68d7 rgb(188,104,215)
```
#c377db
```
#c377db rgb(195,119,219)
```
#ca87df
```
#ca87df rgb(202,135,223)
```
#d196e3
```
#d196e3 rgb(209,150,227)
```
#d7a6e7
```
#d7a6e7 rgb(215,166,231)
```
#deb5ec
```
#deb5ec rgb(222,181,236)
```
#e5c5f0
```
#e5c5f0 rgb(229,197,240)
```
#ecd4f4
```
#ecd4f4 rgb(236,212,244)
```
#f3e4f8
```
#f3e4f8 rgb(243,228,248)
```
#faf3fc
```
#faf3fc rgb(250,243,252)
```

Tint Color Variation

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

#98919a
```
#98919a rgb(152,145,154)
```
#9c89a2
```
#9c89a2 rgb(156,137,162)
```
#a081aa
```
#a081aa rgb(160,129,170)
```
#a478b3
```
#a478b3 rgb(164,120,179)
```
#a970bb
```
#a970bb rgb(169,112,187)
```
#ad68c3
```
#ad68c3 rgb(173,104,195)
```
#b160cb
```
#b160cb rgb(177,96,203)
```
#b558d3
```
#b558d3 rgb(181,88,211)
```
#b950db
```
#b950db rgb(185,80,219)
```
#bd48e3
```
#bd48e3 rgb(189,72,227)
```
#c140eb
```
#c140eb rgb(193,64,235)
```
#c638f3
```
#c638f3 rgb(198,56,243)
```
#ca2ffc
```
#ca2ffc rgb(202,47,252)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8c7a92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4182f1 Protanopia 1% of men
#5f86c9 Deuteranopia 1% of men
#aa7981 Tritanopia 0.001% of the population

Trichromacy

#6b73e6 Protanomaly 1% of men, 0.01% of women
#7e75cc Deuteranomaly 6% of men, 0.4% of women
#ae6d9f Tritanomaly 0.01% of the population