#b77bfd hex color

In a RGB color space, hex #b77bfd is composed of 71.8% red, 48.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 51.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 267.7 degrees, a saturation of 97% and a lightness of 73.7%. #b77bfd color hex could be obtained by blending #fff6ff with #6f00fb. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 72
- G 48
- B 99
RGB color chart
- C 28
- M 51
- Y 0
- K 1
CMYK color chart

● #b77bfd color description : Soft violet.

The hexadecimal color #b77bfd has RGB values of R:183, G:123, B:253 and CMYK values of C:0.28, M:0.51, Y:0, K:0.01. Its decimal value is 12024829.

Hex triplet	b77bfd	`#b77bfd`
RGB Decimal	183, 123, 253	`rgb(183,123,253)`
RGB Percent	71.8, 48.2, 99.2	`rgb(71.8%,48.2%,99.2%)`
CMYK	28, 51, 0, 1
HSL	267.7°, 97, 73.7	`hsl(267.7,97%,73.7%)`
HSV (or HSB)	267.7°, 51.4, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	62.781, 48.203, -56.37
XYZ	44.338, 31.325, 96.634
xyY	0.257, 0.182, 31.325
CIE-LCH	62.781, 74.169, 310.534
CIE-LUV	62.781, 18.539, -96.087
Hunter-Lab	55.969, 43.46, -63.189
Binary	10110111, 01111011, 11111101

#b77bfd
```
#b77bfd rgb(183,123,253)
```
#c1fd7b
```
#c1fd7b rgb(193,253,123)
```

Complementary Color

#7b80fd
```
#7b80fd rgb(123,128,253)
```
#b77bfd
```
#b77bfd rgb(183,123,253)
```
#f87bfd
```
#f87bfd rgb(248,123,253)
```

Analogous Color

#80fd7b
```
#80fd7b rgb(128,253,123)
```
#b77bfd
```
#b77bfd rgb(183,123,253)
```
#fdf87b
```
#fdf87b rgb(253,248,123)
```

Split Complementary Color

#7bfdb7
```
#7bfdb7 rgb(123,253,183)
```
#b77bfd
```
#b77bfd rgb(183,123,253)
```
#fdb77b
```
#fdb77b rgb(253,183,123)
```

Triadic Color

#7bc1fd
```
#7bc1fd rgb(123,193,253)
```
#b77bfd
```
#b77bfd rgb(183,123,253)
```
#fdb77b
```
#fdb77b rgb(253,183,123)
```
#c1fd7b
```
#c1fd7b rgb(193,253,123)
```

Tetradic Color

#8e30fc
```
#8e30fc rgb(142,48,252)
```
#9c49fc
```
#9c49fc rgb(156,73,252)
```
#a962fd
```
#a962fd rgb(169,98,253)
```
#b77bfd
```
#b77bfd rgb(183,123,253)
```
#c594fd
```
#c594fd rgb(197,148,253)
```
#d2adfe
```
#d2adfe rgb(210,173,254)
```
#e0c6fe
```
#e0c6fe rgb(224,198,254)
```

Monochromatic Color

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

#977bfd
```
#977bfd rgb(151,123,253)
```
#a17bfd
```
#a17bfd rgb(161,123,253)
```
#ac7bfd
```
#ac7bfd rgb(172,123,253)
```
#b77bfd
```
#b77bfd rgb(183,123,253)
```
#c27bfd
```
#c27bfd rgb(194,123,253)
```
#cd7bfd
```
#cd7bfd rgb(205,123,253)
```
#d87bfd
```
#d87bfd rgb(216,123,253)
```

Similar Colors

Text with hexadecimal color #b77bfd

This text has a font color of #b77bfd.

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

#b77bfd background color

This paragraph has a background color of #b77bfd.

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

#b77bfd border color

This element has a border color of #b77bfd.

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

CSS codes

.text {color:#b77bfd;}

.background {background-color:#b77bfd;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0b0017
```
#0b0017 rgb(11,0,23)
```
#14012a
```
#14012a rgb(20,1,42)
```
#1d013d
```
#1d013d rgb(29,1,61)
```
#260151
```
#260151 rgb(38,1,81)
```
#2f0264
```
#2f0264 rgb(47,2,100)
```
#380277
```
#380277 rgb(56,2,119)
```
#41028b
```
#41028b rgb(65,2,139)
```
#4a029e
```
#4a029e rgb(74,2,158)
```
#5303b1
```
#5303b1 rgb(83,3,177)
```
#5c03c4
```
#5c03c4 rgb(92,3,196)
```
#6503d8
```
#6503d8 rgb(101,3,216)
```
#6e04eb
```
#6e04eb rgb(110,4,235)
```

Shade Color Variation

#7807fb
```
#7807fb rgb(120,7,251)
```
#821afc
```
#821afc rgb(130,26,252)
```
#8d2efc
```
#8d2efc rgb(141,46,252)
```
#9741fc
```
#9741fc rgb(151,65,252)
```
#a254fc
```
#a254fc rgb(162,84,252)
```
#ac68fd
```
#ac68fd rgb(172,104,253)
```
#b77bfd
```
#b77bfd rgb(183,123,253)
```
#c28efd
```
#c28efd rgb(194,142,253)
```
#cca2fe
```
#cca2fe rgb(204,162,254)
```
#d7b5fe
```
#d7b5fe rgb(215,181,254)
```
#e1c8fe
```
#e1c8fe rgb(225,200,254)
```
#ecdcfe
```
#ecdcfe rgb(236,220,254)
```
#f6efff
```
#f6efff rgb(246,239,255)
```

Tint Color Variation

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

#bcb9bf
```
#bcb9bf rgb(188,185,191)
```
#bbb4c4
```
#bbb4c4 rgb(187,180,196)
```
#bbafc9
```
#bbafc9 rgb(187,175,201)
```
#bba9cf
```
#bba9cf rgb(187,169,207)
```
#baa4d4
```
#baa4d4 rgb(186,164,212)
```
#ba9fd9
```
#ba9fd9 rgb(186,159,217)
```
#b99ade
```
#b99ade rgb(185,154,222)
```
#b995e3
```
#b995e3 rgb(185,149,227)
```
#b990e8
```
#b990e8 rgb(185,144,232)
```
#b88aee
```
#b88aee rgb(184,138,238)
```
#b885f3
```
#b885f3 rgb(184,133,243)
```
#b780f8
```
#b780f8 rgb(183,128,248)
```
#b77bfd
```
#b77bfd rgb(183,123,253)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a195af Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c9aff Protanopia 1% of men
#649df3 Deuteranopia 1% of men
#a699a4 Tritanopia 0.001% of the population

Trichromacy

#878efe Protanomaly 1% of men, 0.01% of women
#8291f6 Deuteranomaly 6% of men, 0.4% of women
#ac8ec4 Tritanomaly 0.01% of the population

#b77bfd hex color

#b77bfd Color Information

#b77bfd Color Conversion

Color Schemes with #b77bfd

Alternatives to #b77bfd

#b77bfd Preview

Shades and Tints of #b77bfd

Tones of #b77bfd

Color Blindness Simulator