#b563f5 hex color

In a RGB color space, hex #b563f5 is composed of 71% red, 38.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 59.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 273.7 degrees, a saturation of 88% and a lightness of 67.5%. #b563f5 color hex could be obtained by blending #ffc6ff with #6b00eb. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 71
- G 39
- B 96
RGB color chart
- C 26
- M 60
- Y 0
- K 4
CMYK color chart

● #b563f5 color description : Soft violet.

The hexadecimal color #b563f5 has RGB values of R:181, G:99, B:245 and CMYK values of C:0.26, M:0.6, Y:0, K:0.04. Its decimal value is 11887605.

Hex triplet	b563f5	`#b563f5`
RGB Decimal	181, 99, 245	`rgb(181,99,245)`
RGB Percent	71, 38.8, 96.1	`rgb(71%,38.8%,96.1%)`
CMYK	26, 60, 0, 4
HSL	273.7°, 88, 67.5	`hsl(273.7,88%,67.5%)`
HSV (or HSB)	273.7°, 59.6, 96.1
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.406, 58.28, -60.553
XYZ	39.997, 25.341, 89.165
xyY	0.259, 0.164, 25.341
CIE-LCH	57.406, 84.043, 313.904
CIE-LUV	57.406, 25.996, -101.981
Hunter-Lab	50.34, 53.731, -69.781
Binary	10110101, 01100011, 11110101

#b563f5
```
#b563f5 rgb(181,99,245)
```
#a3f563
```
#a3f563 rgb(163,245,99)
```

Complementary Color

#6c63f5
```
#6c63f5 rgb(108,99,245)
```
#b563f5
```
#b563f5 rgb(181,99,245)
```
#f563ec
```
#f563ec rgb(245,99,236)
```

Analogous Color

#63f56c
```
#63f56c rgb(99,245,108)
```
#b563f5
```
#b563f5 rgb(181,99,245)
```
#ecf563
```
#ecf563 rgb(236,245,99)
```

Split Complementary Color

#63f5b5
```
#63f5b5 rgb(99,245,181)
```
#b563f5
```
#b563f5 rgb(181,99,245)
```
#f5b563
```
#f5b563 rgb(245,181,99)
```

Triadic Color

#63a3f5
```
#63a3f5 rgb(99,163,245)
```
#b563f5
```
#b563f5 rgb(181,99,245)
```
#f5b563
```
#f5b563 rgb(245,181,99)
```
#a3f563
```
#a3f563 rgb(163,245,99)
```

Tetradic Color

#931bf0
```
#931bf0 rgb(147,27,240)
```
#9e33f2
```
#9e33f2 rgb(158,51,242)
```
#aa4bf3
```
#aa4bf3 rgb(170,75,243)
```
#b563f5
```
#b563f5 rgb(181,99,245)
```
#c07bf7
```
#c07bf7 rgb(192,123,247)
```
#cc93f8
```
#cc93f8 rgb(204,147,248)
```
#d7abfa
```
#d7abfa rgb(215,171,250)
```

Monochromatic Color

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

#9163f5
```
#9163f5 rgb(145,99,245)
```
#9d63f5
```
#9d63f5 rgb(157,99,245)
```
#a963f5
```
#a963f5 rgb(169,99,245)
```
#b563f5
```
#b563f5 rgb(181,99,245)
```
#c163f5
```
#c163f5 rgb(193,99,245)
```
#cd63f5
```
#cd63f5 rgb(205,99,245)
```
#da63f5
```
#da63f5 rgb(218,99,245)
```

Similar Colors

Text with hexadecimal color #b563f5

This text has a font color of #b563f5.

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

#b563f5 background color

This paragraph has a background color of #b563f5.

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

#b563f5 border color

This element has a border color of #b563f5.

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

CSS codes

.text {color:#b563f5;}

.background {background-color:#b563f5;}

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

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, #06010a is the darkest color, while #fbf6fe is the lightest one.

#06010a
```
#06010a rgb(6,1,10)
```
#11021c
```
#11021c rgb(17,2,28)
```
#1c032f
```
#1c032f rgb(28,3,47)
```
#260441
```
#260441 rgb(38,4,65)
```
#310554
```
#310554 rgb(49,5,84)
```
#3c0766
```
#3c0766 rgb(60,7,102)
```
#470879
```
#470879 rgb(71,8,121)
```
#52098b
```
#52098b rgb(82,9,139)
```
#5d0a9d
```
#5d0a9d rgb(93,10,157)
```
#680bb0
```
#680bb0 rgb(104,11,176)
```
#730cc2
```
#730cc2 rgb(115,12,194)
```
#7d0ed5
```
#7d0ed5 rgb(125,14,213)
```
#880fe7
```
#880fe7 rgb(136,15,231)
```

Shade Color Variation

#9219f0
```
#9219f0 rgb(146,25,240)
```
#9b2cf1
```
#9b2cf1 rgb(155,44,241)
```
#a43ef3
```
#a43ef3 rgb(164,62,243)
```
#ac51f4
```
#ac51f4 rgb(172,81,244)
```
#b563f5
```
#b563f5 rgb(181,99,245)
```
#be75f6
```
#be75f6 rgb(190,117,246)
```
#c688f7
```
#c688f7 rgb(198,136,247)
```
#cf9af9
```
#cf9af9 rgb(207,154,249)
```
#d8adfa
```
#d8adfa rgb(216,173,250)
```
#e1bffb
```
#e1bffb rgb(225,191,251)
```
#e9d2fc
```
#e9d2fc rgb(233,210,252)
```
#f2e4fd
```
#f2e4fd rgb(242,228,253)
```
#fbf6fe
```
#fbf6fe rgb(251,246,254)
```

Tint Color Variation

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

#aca9af
```
#aca9af rgb(172,169,175)
```
#ada3b5
```
#ada3b5 rgb(173,163,181)
```
#ae9cbc
```
#ae9cbc rgb(174,156,188)
```
#af96c2
```
#af96c2 rgb(175,150,194)
```
#af90c8
```
#af90c8 rgb(175,144,200)
```
#b089cf
```
#b089cf rgb(176,137,207)
```
#b183d5
```
#b183d5 rgb(177,131,213)
```
#b27ddb
```
#b27ddb rgb(178,125,219)
```
#b376e2
```
#b376e2 rgb(179,118,226)
```
#b370e8
```
#b370e8 rgb(179,112,232)
```
#b469ef
```
#b469ef rgb(180,105,239)
```
#b563f5
```
#b563f5 rgb(181,99,245)
```
#b65dfb
```
#b65dfb rgb(182,93,251)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#9484a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#498cff Protanopia 1% of men
#4891e8 Deuteranopia 1% of men
#a48892 Tritanopia 0.001% of the population

Trichromacy

#707dfb Protanomaly 1% of men, 0.01% of women
#6f80ed Deuteranomaly 6% of men, 0.4% of women
#aa7bb6 Tritanomaly 0.01% of the population

#b563f5 hex color

#b563f5 Color Information

#b563f5 Color Conversion

Color Schemes with #b563f5

Alternatives to #b563f5

#b563f5 Preview

Shades and Tints of #b563f5

Tones of #b563f5

Color Blindness Simulator