#b563f6 hex color

In a RGB color space, hex #b563f6 is composed of 71% red, 38.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 26.4% cyan, 59.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 273.5 degrees, a saturation of 89.1% and a lightness of 67.6%. #b563f6 color hex could be obtained by blending #ffc6ff with #6b00ed. 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

● #b563f6 color description : Soft violet.

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

Hex triplet	b563f6	`#b563f6`
RGB Decimal	181, 99, 246	`rgb(181,99,246)`
RGB Percent	71, 38.8, 96.5	`rgb(71%,38.8%,96.5%)`
CMYK	26, 60, 0, 4
HSL	273.5°, 89.1, 67.6	`hsl(273.5,89.1%,67.6%)`
HSV (or HSB)	273.5°, 59.8, 96.5
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.465, 58.503, -61.014
XYZ	40.15, 25.402, 89.972
xyY	0.258, 0.163, 25.402
CIE-LCH	57.465, 84.529, 313.796
CIE-LUV	57.465, 25.807, -102.742
Hunter-Lab	50.4, 53.996, -70.561
Binary	10110101, 01100011, 11110110

#b563f6
```
#b563f6 rgb(181,99,246)
```
#a4f663
```
#a4f663 rgb(164,246,99)
```

Complementary Color

#6c63f6
```
#6c63f6 rgb(108,99,246)
```
#b563f6
```
#b563f6 rgb(181,99,246)
```
#f663ee
```
#f663ee rgb(246,99,238)
```

Analogous Color

#63f66c
```
#63f66c rgb(99,246,108)
```
#b563f6
```
#b563f6 rgb(181,99,246)
```
#eef663
```
#eef663 rgb(238,246,99)
```

Split Complementary Color

#63f6b5
```
#63f6b5 rgb(99,246,181)
```
#b563f6
```
#b563f6 rgb(181,99,246)
```
#f6b563
```
#f6b563 rgb(246,181,99)
```

Triadic Color

#63a4f6
```
#63a4f6 rgb(99,164,246)
```
#b563f6
```
#b563f6 rgb(181,99,246)
```
#f6b563
```
#f6b563 rgb(246,181,99)
```
#a4f663
```
#a4f663 rgb(164,246,99)
```

Tetradic Color

#931bf2
```
#931bf2 rgb(147,27,242)
```
#9e33f3
```
#9e33f3 rgb(158,51,243)
```
#aa4bf5
```
#aa4bf5 rgb(170,75,245)
```
#b563f6
```
#b563f6 rgb(181,99,246)
```
#c07bf7
```
#c07bf7 rgb(192,123,247)
```
#cc93f9
```
#cc93f9 rgb(204,147,249)
```
#d7abfa
```
#d7abfa rgb(215,171,250)
```

Monochromatic Color

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

#9063f6
```
#9063f6 rgb(144,99,246)
```
#9d63f6
```
#9d63f6 rgb(157,99,246)
```
#a963f6
```
#a963f6 rgb(169,99,246)
```
#b563f6
```
#b563f6 rgb(181,99,246)
```
#c163f6
```
#c163f6 rgb(193,99,246)
```
#ce63f6
```
#ce63f6 rgb(206,99,246)
```
#da63f6
```
#da63f6 rgb(218,99,246)
```

Similar Colors

Text with hexadecimal color #b563f6

This text has a font color of #b563f6.

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

#b563f6 background color

This paragraph has a background color of #b563f6.

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

#b563f6 border color

This element has a border color of #b563f6.

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

CSS codes

.text {color:#b563f6;}

.background {background-color:#b563f6;}

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

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

#06010b
```
#06010b rgb(6,1,11)
```
#11021d
```
#11021d rgb(17,2,29)
```
#1c0330
```
#1c0330 rgb(28,3,48)
```
#270443
```
#270443 rgb(39,4,67)
```
#320555
```
#320555 rgb(50,5,85)
```
#3c0668
```
#3c0668 rgb(60,6,104)
```
#47077a
```
#47077a rgb(71,7,122)
```
#52088d
```
#52088d rgb(82,8,141)
```
#5d099f
```
#5d099f rgb(93,9,159)
```
#680ab2
```
#680ab2 rgb(104,10,178)
```
#730bc4
```
#730bc4 rgb(115,11,196)
```
#7d0cd7
```
#7d0cd7 rgb(125,12,215)
```
#880de9
```
#880de9 rgb(136,13,233)
```

Shade Color Variation

#9219f2
```
#9219f2 rgb(146,25,242)
```
#9b2bf3
```
#9b2bf3 rgb(155,43,243)
```
#a33ef4
```
#a33ef4 rgb(163,62,244)
```
#ac50f5
```
#ac50f5 rgb(172,80,245)
```
#b563f6
```
#b563f6 rgb(181,99,246)
```
#be76f7
```
#be76f7 rgb(190,118,247)
```
#c788f8
```
#c788f8 rgb(199,136,248)
```
#cf9bf9
```
#cf9bf9 rgb(207,155,249)
```
#d8adfa
```
#d8adfa rgb(216,173,250)
```
#e1c0fb
```
#e1c0fb rgb(225,192,251)
```
#ead2fc
```
#ead2fc rgb(234,210,252)
```
#f3e5fd
```
#f3e5fd rgb(243,229,253)
```
#fbf7ff
```
#fbf7ff rgb(251,247,255)
```

Tint Color Variation

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

#ada9b0
```
#ada9b0 rgb(173,169,176)
```
#aea2b7
```
#aea2b7 rgb(174,162,183)
```
#ae9cbd
```
#ae9cbd rgb(174,156,189)
```
#af96c3
```
#af96c3 rgb(175,150,195)
```
#b08fca
```
#b08fca rgb(176,143,202)
```
#b189d0
```
#b189d0 rgb(177,137,208)
```
#b183d6
```
#b183d6 rgb(177,131,214)
```
#b27cdd
```
#b27cdd rgb(178,124,221)
```
#b376e3
```
#b376e3 rgb(179,118,227)
```
#b470e9
```
#b470e9 rgb(180,112,233)
```
#b469f0
```
#b469f0 rgb(180,105,240)
```
#b563f6
```
#b563f6 rgb(181,99,246)
```
#b65dfc
```
#b65dfc rgb(182,93,252)
```

Tone Color Variation

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

#4a8cff Protanopia 1% of men
#4691e9 Deuteranopia 1% of men
#a48992 Tritanopia 0.001% of the population

Trichromacy

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

#b563f6 hex color

#b563f6 Color Information

#b563f6 Color Conversion

Color Schemes with #b563f6

Alternatives to #b563f6

#b563f6 Preview

Shades and Tints of #b563f6

Tones of #b563f6

Color Blindness Simulator