#b677fb hex color

In a RGB color space, hex #b677fb is composed of 71.4% red, 46.7% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 52.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 268.6 degrees, a saturation of 94.3% and a lightness of 72.5%. #b677fb color hex could be obtained by blending #ffeeff with #6d00f7. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 71
- G 47
- B 98
RGB color chart
- C 27
- M 53
- Y 0
- K 2
CMYK color chart

● #b677fb color description : Soft violet.

The hexadecimal color #b677fb has RGB values of R:182, G:119, B:251 and CMYK values of C:0.27, M:0.53, Y:0, K:0.02. Its decimal value is 11958267.

Hex triplet	b677fb	`#b677fb`
RGB Decimal	182, 119, 251	`rgb(182,119,251)`
RGB Percent	71.4, 46.7, 98.4	`rgb(71.4%,46.7%,98.4%)`
CMYK	27, 53, 0, 2
HSL	268.6°, 94.3, 72.5	`hsl(268.6,94.3%,72.5%)`
HSV (or HSB)	268.6°, 52.6, 98.4
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	61.744, 49.618, -56.929
XYZ	43.298, 30.104, 94.791
xyY	0.257, 0.179, 30.104
CIE-LCH	61.744, 75.517, 311.075
CIE-LUV	61.744, 19.601, -96.833
Hunter-Lab	54.867, 44.844, -64.025
Binary	10110110, 01110111, 11111011

#b677fb
```
#b677fb rgb(182,119,251)
```
#bcfb77
```
#bcfb77 rgb(188,251,119)
```

Complementary Color

#777afb
```
#777afb rgb(119,122,251)
```
#b677fb
```
#b677fb rgb(182,119,251)
```
#f877fb
```
#f877fb rgb(248,119,251)
```

Analogous Color

#7afb77
```
#7afb77 rgb(122,251,119)
```
#b677fb
```
#b677fb rgb(182,119,251)
```
#fbf877
```
#fbf877 rgb(251,248,119)
```

Split Complementary Color

#77fbb6
```
#77fbb6 rgb(119,251,182)
```
#b677fb
```
#b677fb rgb(182,119,251)
```
#fbb677
```
#fbb677 rgb(251,182,119)
```

Triadic Color

#77bcfb
```
#77bcfb rgb(119,188,251)
```
#b677fb
```
#b677fb rgb(182,119,251)
```
#fbb677
```
#fbb677 rgb(251,182,119)
```
#bcfb77
```
#bcfb77 rgb(188,251,119)
```

Tetradic Color

#8e2df9
```
#8e2df9 rgb(142,45,249)
```
#9b45fa
```
#9b45fa rgb(155,69,250)
```
#a95efa
```
#a95efa rgb(169,94,250)
```
#b677fb
```
#b677fb rgb(182,119,251)
```
#c390fc
```
#c390fc rgb(195,144,252)
```
#d1a9fc
```
#d1a9fc rgb(209,169,252)
```
#dec1fd
```
#dec1fd rgb(222,193,253)
```

Monochromatic Color

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

#9577fb
```
#9577fb rgb(149,119,251)
```
#a077fb
```
#a077fb rgb(160,119,251)
```
#ab77fb
```
#ab77fb rgb(171,119,251)
```
#b677fb
```
#b677fb rgb(182,119,251)
```
#c177fb
```
#c177fb rgb(193,119,251)
```
#cc77fb
```
#cc77fb rgb(204,119,251)
```
#d777fb
```
#d777fb rgb(215,119,251)
```

Similar Colors

Text with hexadecimal color #b677fb

This text has a font color of #b677fb.

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

#b677fb background color

This paragraph has a background color of #b677fb.

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

#b677fb border color

This element has a border color of #b677fb.

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

CSS codes

.text {color:#b677fb;}

.background {background-color:#b677fb;}

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

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

#080010
```
#080010 rgb(8,0,16)
```
#110123
```
#110123 rgb(17,1,35)
```
#1b0237
```
#1b0237 rgb(27,2,55)
```
#24024a
```
#24024a rgb(36,2,74)
```
#2e035d
```
#2e035d rgb(46,3,93)
```
#370370
```
#370370 rgb(55,3,112)
```
#400483
```
#400483 rgb(64,4,131)
```
#4a0496
```
#4a0496 rgb(74,4,150)
```
#5305a9
```
#5305a9 rgb(83,5,169)
```
#5d06bc
```
#5d06bc rgb(93,6,188)
```
#6606cf
```
#6606cf rgb(102,6,207)
```
#6f07e2
```
#6f07e2 rgb(111,7,226)
```
#7907f5
```
#7907f5 rgb(121,7,245)
```

Shade Color Variation

#8318f8
```
#8318f8 rgb(131,24,248)
```
#8d2bf9
```
#8d2bf9 rgb(141,43,249)
```
#973ef9
```
#973ef9 rgb(151,62,249)
```
#a251fa
```
#a251fa rgb(162,81,250)
```
#ac64fa
```
#ac64fa rgb(172,100,250)
```
#b677fb
```
#b677fb rgb(182,119,251)
```
#c08afc
```
#c08afc rgb(192,138,252)
```
#ca9dfc
```
#ca9dfc rgb(202,157,252)
```
#d5b0fd
```
#d5b0fd rgb(213,176,253)
```
#dfc3fd
```
#dfc3fd rgb(223,195,253)
```
#e9d6fe
```
#e9d6fe rgb(233,214,254)
```
#f3e9fe
```
#f3e9fe rgb(243,233,254)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#b9b8ba
```
#b9b8ba rgb(185,184,186)
```
#b9b2c0
```
#b9b2c0 rgb(185,178,192)
```
#b8adc5
```
#b8adc5 rgb(184,173,197)
```
#b8a7cb
```
#b8a7cb rgb(184,167,203)
```
#b8a2d0
```
#b8a2d0 rgb(184,162,208)
```
#b89dd5
```
#b89dd5 rgb(184,157,213)
```
#b797db
```
#b797db rgb(183,151,219)
```
#b792e0
```
#b792e0 rgb(183,146,224)
```
#b78de5
```
#b78de5 rgb(183,141,229)
```
#b787eb
```
#b787eb rgb(183,135,235)
```
#b682f0
```
#b682f0 rgb(182,130,240)
```
#b67cf6
```
#b67cf6 rgb(182,124,246)
```
#b677fb
```
#b677fb rgb(182,119,251)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9f92ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#6697ff Protanopia 1% of men
#609bf0 Deuteranopia 1% of men
#a596a1 Tritanopia 0.001% of the population

Trichromacy

#838bfd Protanomaly 1% of men, 0.01% of women
#7f8ef4 Deuteranomaly 6% of men, 0.4% of women
#ab8ac1 Tritanomaly 0.01% of the population

#b677fb hex color

#b677fb Color Information

#b677fb Color Conversion

Color Schemes with #b677fb

Alternatives to #b677fb

#b677fb Preview

Shades and Tints of #b677fb

Tones of #b677fb

Color Blindness Simulator