#b558fb hex color

In a RGB color space, hex #b558fb is composed of 71% red, 34.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 27.9% cyan, 64.9% magenta, 0% yellow and 1.6% black. It has a hue angle of 274.2 degrees, a saturation of 95.3% and a lightness of 66.5%. #b558fb color hex could be obtained by blending #ffb0ff with #6b00f7. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 71
- G 35
- B 98
RGB color chart
- C 28
- M 65
- Y 0
- K 2
CMYK color chart

● #b558fb color description : Soft violet.

The hexadecimal color #b558fb has RGB values of R:181, G:88, B:251 and CMYK values of C:0.28, M:0.65, Y:0, K:0.02. Its decimal value is 11884795.

Hex triplet	b558fb	`#b558fb`
RGB Decimal	181, 88, 251	`rgb(181,88,251)`
RGB Percent	71, 34.5, 98.4	`rgb(71%,34.5%,98.4%)`
CMYK	28, 65, 0, 2
HSL	274.2°, 95.3, 66.5	`hsl(274.2,95.3%,66.5%)`
HSV (or HSB)	274.2°, 64.9, 98.4
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	55.856, 64.833, -66.376
XYZ	39.956, 23.769, 93.745
xyY	0.254, 0.151, 23.769
CIE-LCH	55.856, 92.785, 314.326
CIE-LUV	55.856, 27.581, -110.872
Hunter-Lab	48.753, 60.971, -79.877
Binary	10110101, 01011000, 11111011

#b558fb
```
#b558fb rgb(181,88,251)
```
#9efb58
```
#9efb58 rgb(158,251,88)
```

Complementary Color

#6458fb
```
#6458fb rgb(100,88,251)
```
#b558fb
```
#b558fb rgb(181,88,251)
```
#fb58f0
```
#fb58f0 rgb(251,88,240)
```

Analogous Color

#58fb64
```
#58fb64 rgb(88,251,100)
```
#b558fb
```
#b558fb rgb(181,88,251)
```
#f0fb58
```
#f0fb58 rgb(240,251,88)
```

Split Complementary Color

#58fbb5
```
#58fbb5 rgb(88,251,181)
```
#b558fb
```
#b558fb rgb(181,88,251)
```
#fbb558
```
#fbb558 rgb(251,181,88)
```

Triadic Color

#589efb
```
#589efb rgb(88,158,251)
```
#b558fb
```
#b558fb rgb(181,88,251)
```
#fbb558
```
#fbb558 rgb(251,181,88)
```
#9efb58
```
#9efb58 rgb(158,251,88)
```

Tetradic Color

#940df9
```
#940df9 rgb(148,13,249)
```
#9f26fa
```
#9f26fa rgb(159,38,250)
```
#aa3ffa
```
#aa3ffa rgb(170,63,250)
```
#b558fb
```
#b558fb rgb(181,88,251)
```
#c071fc
```
#c071fc rgb(192,113,252)
```
#cb8afc
```
#cb8afc rgb(203,138,252)
```
#d6a3fd
```
#d6a3fd rgb(214,163,253)
```

Monochromatic Color

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

#8c58fb
```
#8c58fb rgb(140,88,251)
```
#9a58fb
```
#9a58fb rgb(154,88,251)
```
#a758fb
```
#a758fb rgb(167,88,251)
```
#b558fb
```
#b558fb rgb(181,88,251)
```
#c358fb
```
#c358fb rgb(195,88,251)
```
#d058fb
```
#d058fb rgb(208,88,251)
```
#de58fb
```
#de58fb rgb(222,88,251)
```

Similar Colors

Text with hexadecimal color #b558fb

This text has a font color of #b558fb.

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

#b558fb background color

This paragraph has a background color of #b558fb.

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

#b558fb border color

This element has a border color of #b558fb.

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

CSS codes

.text {color:#b558fb;}

.background {background-color:#b558fb;}

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

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

#030005
```
#030005 rgb(3,0,5)
```
#0e0119
```
#0e0119 rgb(14,1,25)
```
#19012c
```
#19012c rgb(25,1,44)
```
#25023f
```
#25023f rgb(37,2,63)
```
#300252
```
#300252 rgb(48,2,82)
```
#3b0265
```
#3b0265 rgb(59,2,101)
```
#460378
```
#460378 rgb(70,3,120)
```
#51038c
```
#51038c rgb(81,3,140)
```
#5c049f
```
#5c049f rgb(92,4,159)
```
#6704b2
```
#6704b2 rgb(103,4,178)
```
#7205c5
```
#7205c5 rgb(114,5,197)
```
#7e05d8
```
#7e05d8 rgb(126,5,216)
```
#8906eb
```
#8906eb rgb(137,6,235)
```

Shade Color Variation

#930bf9
```
#930bf9 rgb(147,11,249)
```
#9c1ffa
```
#9c1ffa rgb(156,31,250)
```
#a432fa
```
#a432fa rgb(164,50,250)
```
#ad45fb
```
#ad45fb rgb(173,69,251)
```
#b558fb
```
#b558fb rgb(181,88,251)
```
#bd6bfb
```
#bd6bfb rgb(189,107,251)
```
#c67efc
```
#c67efc rgb(198,126,252)
```
#ce91fc
```
#ce91fc rgb(206,145,252)
```
#d7a5fd
```
#d7a5fd rgb(215,165,253)
```
#dfb8fd
```
#dfb8fd rgb(223,184,253)
```
#e8cbfe
```
#e8cbfe rgb(232,203,254)
```
#f0defe
```
#f0defe rgb(240,222,254)
```
#f9f1ff
```
#f9f1ff rgb(249,241,255)
```

Tint Color Variation

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

#aaa7ac
```
#aaa7ac rgb(170,167,172)
```
#aba0b3
```
#aba0b3 rgb(171,160,179)
```
#ac9ab9
```
#ac9ab9 rgb(172,154,185)
```
#ad93c0
```
#ad93c0 rgb(173,147,192)
```
#ae8dc6
```
#ae8dc6 rgb(174,141,198)
```
#af86cd
```
#af86cd rgb(175,134,205)
```
#af7fd4
```
#af7fd4 rgb(175,127,212)
```
#b079da
```
#b079da rgb(176,121,218)
```
#b172e1
```
#b172e1 rgb(177,114,225)
```
#b26ce7
```
#b26ce7 rgb(178,108,231)
```
#b365ee
```
#b365ee rgb(179,101,238)
```
#b45ff4
```
#b45ff4 rgb(180,95,244)
```
#b558fb
```
#b558fb rgb(181,88,251)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#8f7d9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a88ff Protanopia 1% of men
#228eeb Deuteranopia 1% of men
#a1848d Tritanopia 0.001% of the population

Trichromacy

#6776fd Protanomaly 1% of men, 0.01% of women
#577af1 Deuteranomaly 6% of men, 0.4% of women
#a874b5 Tritanomaly 0.01% of the population

#b558fb hex color

#b558fb Color Information

#b558fb Color Conversion

Color Schemes with #b558fb

Alternatives to #b558fb

#b558fb Preview

Shades and Tints of #b558fb

Tones of #b558fb

Color Blindness Simulator