#bc77f4 hex color

In a RGB color space, hex #bc77f4 is composed of 73.7% red, 46.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 51.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 273.1 degrees, a saturation of 85% and a lightness of 71.2%. #bc77f4 color hex could be obtained by blending #ffeeff with #7900e9. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 74
- G 47
- B 96
RGB color chart
- C 23
- M 51
- Y 0
- K 4
CMYK color chart

● #bc77f4 color description : Soft violet.

The hexadecimal color #bc77f4 has RGB values of R:188, G:119, B:244 and CMYK values of C:0.23, M:0.51, Y:0, K:0.04. Its decimal value is 12351476.

Hex triplet	bc77f4	`#bc77f4`
RGB Decimal	188, 119, 244	`rgb(188,119,244)`
RGB Percent	73.7, 46.7, 95.7	`rgb(73.7%,46.7%,95.7%)`
CMYK	23, 51, 0, 4
HSL	273.1°, 85, 71.2	`hsl(273.1,85%,71.2%)`
HSV (or HSB)	273.1°, 51.2, 95.7
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	62.013, 49.537, -52.602
XYZ	43.663, 30.417, 89.154
xyY	0.267, 0.186, 30.417
CIE-LCH	62.013, 72.256, 313.281
CIE-LUV	62.013, 23.985, -89.966
Hunter-Lab	55.152, 44.798, -57.237
Binary	10111100, 01110111, 11110100

#bc77f4
```
#bc77f4 rgb(188,119,244)
```
#aff477
```
#aff477 rgb(175,244,119)
```

Complementary Color

#7e77f4
```
#7e77f4 rgb(126,119,244)
```
#bc77f4
```
#bc77f4 rgb(188,119,244)
```
#f477ee
```
#f477ee rgb(244,119,238)
```

Analogous Color

#77f47e
```
#77f47e rgb(119,244,126)
```
#bc77f4
```
#bc77f4 rgb(188,119,244)
```
#eef477
```
#eef477 rgb(238,244,119)
```

Split Complementary Color

#77f4bc
```
#77f4bc rgb(119,244,188)
```
#bc77f4
```
#bc77f4 rgb(188,119,244)
```
#f4bc77
```
#f4bc77 rgb(244,188,119)
```

Triadic Color

#77aff4
```
#77aff4 rgb(119,175,244)
```
#bc77f4
```
#bc77f4 rgb(188,119,244)
```
#f4bc77
```
#f4bc77 rgb(244,188,119)
```
#aff477
```
#aff477 rgb(175,244,119)
```

Tetradic Color

#9930ee
```
#9930ee rgb(153,48,238)
```
#a548f0
```
#a548f0 rgb(165,72,240)
```
#b05ff2
```
#b05ff2 rgb(176,95,242)
```
#bc77f4
```
#bc77f4 rgb(188,119,244)
```
#c88ff6
```
#c88ff6 rgb(200,143,246)
```
#d3a6f8
```
#d3a6f8 rgb(211,166,248)
```
#dfbefa
```
#dfbefa rgb(223,190,250)
```

Monochromatic Color

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

#9d77f4
```
#9d77f4 rgb(157,119,244)
```
#a777f4
```
#a777f4 rgb(167,119,244)
```
#b277f4
```
#b277f4 rgb(178,119,244)
```
#bc77f4
```
#bc77f4 rgb(188,119,244)
```
#c677f4
```
#c677f4 rgb(198,119,244)
```
#d177f4
```
#d177f4 rgb(209,119,244)
```
#db77f4
```
#db77f4 rgb(219,119,244)
```

Similar Colors

Text with hexadecimal color #bc77f4

This text has a font color of #bc77f4.

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

#bc77f4 background color

This paragraph has a background color of #bc77f4.

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

#bc77f4 border color

This element has a border color of #bc77f4.

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

CSS codes

.text {color:#bc77f4;}

.background {background-color:#bc77f4;}

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

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

#050109
```
#050109 rgb(5,1,9)
```
#10021b
```
#10021b rgb(16,2,27)
```
#1b042d
```
#1b042d rgb(27,4,45)
```
#250540
```
#250540 rgb(37,5,64)
```
#300752
```
#300752 rgb(48,7,82)
```
#3b0864
```
#3b0864 rgb(59,8,100)
```
#450a76
```
#450a76 rgb(69,10,118)
```
#500b88
```
#500b88 rgb(80,11,136)
```
#5b0c9a
```
#5b0c9a rgb(91,12,154)
```
#650ead
```
#650ead rgb(101,14,173)
```
#700fbf
```
#700fbf rgb(112,15,191)
```
#7b11d1
```
#7b11d1 rgb(123,17,209)
```
#8612e3
```
#8612e3 rgb(134,18,227)
```

Shade Color Variation

#8f1ced
```
#8f1ced rgb(143,28,237)
```
#982eee
```
#982eee rgb(152,46,238)
```
#a141f0
```
#a141f0 rgb(161,65,240)
```
#aa53f1
```
#aa53f1 rgb(170,83,241)
```
#b365f3
```
#b365f3 rgb(179,101,243)
```
#bc77f4
```
#bc77f4 rgb(188,119,244)
```
#c589f5
```
#c589f5 rgb(197,137,245)
```
#ce9bf7
```
#ce9bf7 rgb(206,155,247)
```
#d7adf8
```
#d7adf8 rgb(215,173,248)
```
#e0c0fa
```
#e0c0fa rgb(224,192,250)
```
#e9d2fb
```
#e9d2fb rgb(233,210,251)
```
#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, #b6b5b6 is the less saturated color, while #bd71fa is the most saturated one.

#b6b5b6
```
#b6b5b6 rgb(182,181,182)
```
#b6b0bb
```
#b6b0bb rgb(182,176,187)
```
#b7aac1
```
#b7aac1 rgb(183,170,193)
```
#b7a4c7
```
#b7a4c7 rgb(183,164,199)
```
#b89fcc
```
#b89fcc rgb(184,159,204)
```
#b899d2
```
#b899d2 rgb(184,153,210)
```
#b993d8
```
#b993d8 rgb(185,147,216)
```
#ba8edd
```
#ba8edd rgb(186,142,221)
```
#ba88e3
```
#ba88e3 rgb(186,136,227)
```
#bb82e9
```
#bb82e9 rgb(187,130,233)
```
#bb7dee
```
#bb7dee rgb(187,125,238)
```
#bc77f4
```
#bc77f4 rgb(188,119,244)
```
#bd71fa
```
#bd71fa rgb(189,113,250)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a193ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#6898ff Protanopia 1% of men
#6c9bea Deuteranopia 1% of men
#ae949f Tritanopia 0.001% of the population

Trichromacy

#878cfb Protanomaly 1% of men, 0.01% of women
#898eed Deuteranomaly 6% of men, 0.4% of women
#b389bd Tritanomaly 0.01% of the population

#bc77f4 hex color

#bc77f4 Color Information

#bc77f4 Color Conversion

Color Schemes with #bc77f4

Alternatives to #bc77f4

#bc77f4 Preview

Shades and Tints of #bc77f4

Tones of #bc77f4

Color Blindness Simulator