#b687fd hex color

In a RGB color space, hex #b687fd is composed of 71.4% red, 52.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 28.1% cyan, 46.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 263.9 degrees, a saturation of 96.7% and a lightness of 76.1%. #b687fd color hex could be obtained by blending #ffffff with #6d0ffb. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 71
- G 53
- B 99
RGB color chart
- C 28
- M 47
- Y 0
- K 1
CMYK color chart

● #b687fd color description : Soft violet.

The hexadecimal color #b687fd has RGB values of R:182, G:135, B:253 and CMYK values of C:0.28, M:0.47, Y:0, K:0.01. Its decimal value is 11962365.

Hex triplet	b687fd	`#b687fd`
RGB Decimal	182, 135, 253	`rgb(182,135,253)`
RGB Percent	71.4, 52.9, 99.2	`rgb(71.4%,52.9%,99.2%)`
CMYK	28, 47, 0, 1
HSL	263.9°, 96.7, 76.1	`hsl(263.9,96.7%,76.1%)`
HSV (or HSB)	263.9°, 46.6, 99.2
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	65.251, 41.436, -52.453
XYZ	45.682, 34.365, 97.15
xyY	0.258, 0.194, 34.365
CIE-LCH	65.251, 66.845, 308.307
CIE-LUV	65.251, 13.977, -89.563
Hunter-Lab	58.622, 36.511, -57.222
Binary	10110110, 10000111, 11111101

#b687fd
```
#b687fd rgb(182,135,253)
```
#cefd87
```
#cefd87 rgb(206,253,135)
```

Complementary Color

#8793fd
```
#8793fd rgb(135,147,253)
```
#b687fd
```
#b687fd rgb(182,135,253)
```
#f187fd
```
#f187fd rgb(241,135,253)
```

Analogous Color

#93fd87
```
#93fd87 rgb(147,253,135)
```
#b687fd
```
#b687fd rgb(182,135,253)
```
#fdf187
```
#fdf187 rgb(253,241,135)
```

Split Complementary Color

#87fdb6
```
#87fdb6 rgb(135,253,182)
```
#b687fd
```
#b687fd rgb(182,135,253)
```
#fdb687
```
#fdb687 rgb(253,182,135)
```

Triadic Color

#87cefd
```
#87cefd rgb(135,206,253)
```
#b687fd
```
#b687fd rgb(182,135,253)
```
#fdb687
```
#fdb687 rgb(253,182,135)
```
#cefd87
```
#cefd87 rgb(206,253,135)
```

Tetradic Color

#883cfc
```
#883cfc rgb(136,60,252)
```
#9755fc
```
#9755fc rgb(151,85,252)
```
#a76efd
```
#a76efd rgb(167,110,253)
```
#b687fd
```
#b687fd rgb(182,135,253)
```
#c5a0fd
```
#c5a0fd rgb(197,160,253)
```
#d5b9fe
```
#d5b9fe rgb(213,185,254)
```
#e4d2fe
```
#e4d2fe rgb(228,210,254)
```

Monochromatic Color

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

#9987fd
```
#9987fd rgb(153,135,253)
```
#a287fd
```
#a287fd rgb(162,135,253)
```
#ac87fd
```
#ac87fd rgb(172,135,253)
```
#b687fd
```
#b687fd rgb(182,135,253)
```
#c087fd
```
#c087fd rgb(192,135,253)
```
#ca87fd
```
#ca87fd rgb(202,135,253)
```
#d487fd
```
#d487fd rgb(212,135,253)
```

Similar Colors

Text with hexadecimal color #b687fd

This text has a font color of #b687fd.

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

#b687fd background color

This paragraph has a background color of #b687fd.

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

#b687fd border color

This element has a border color of #b687fd.

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

CSS codes

.text {color:#b687fd;}

.background {background-color:#b687fd;}

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

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, #06000f is the darkest color, while #fcfbff is the lightest one.

#06000f
```
#06000f rgb(6,0,15)
```
#0e0122
```
#0e0122 rgb(14,1,34)
```
#160136
```
#160136 rgb(22,1,54)
```
#1e0149
```
#1e0149 rgb(30,1,73)
```
#26025c
```
#26025c rgb(38,2,92)
```
#2e0270
```
#2e0270 rgb(46,2,112)
```
#350283
```
#350283 rgb(53,2,131)
```
#3d0396
```
#3d0396 rgb(61,3,150)
```
#4503a9
```
#4503a9 rgb(69,3,169)
```
#4d03bd
```
#4d03bd rgb(77,3,189)
```
#5503d0
```
#5503d0 rgb(85,3,208)
```
#5d04e3
```
#5d04e3 rgb(93,4,227)
```
#6504f7
```
#6504f7 rgb(101,4,247)
```

Shade Color Variation

#7013fb
```
#7013fb rgb(112,19,251)
```
#7b27fb
```
#7b27fb rgb(123,39,251)
```
#873afc
```
#873afc rgb(135,58,252)
```
#934dfc
```
#934dfc rgb(147,77,252)
```
#9f60fc
```
#9f60fc rgb(159,96,252)
```
#aa74fd
```
#aa74fd rgb(170,116,253)
```
#b687fd
```
#b687fd rgb(182,135,253)
```
#c29afd
```
#c29afd rgb(194,154,253)
```
#cdaefe
```
#cdaefe rgb(205,174,254)
```
#d9c1fe
```
#d9c1fe rgb(217,193,254)
```
#e5d4fe
```
#e5d4fe rgb(229,212,254)
```
#f1e7ff
```
#f1e7ff rgb(241,231,255)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#c1bfc5
```
#c1bfc5 rgb(193,191,197)
```
#c0bbc9
```
#c0bbc9 rgb(192,187,201)
```
#c0b6ce
```
#c0b6ce rgb(192,182,206)
```
#bfb1d3
```
#bfb1d3 rgb(191,177,211)
```
#beadd7
```
#beadd7 rgb(190,173,215)
```
#bda8dc
```
#bda8dc rgb(189,168,220)
```
#bca3e1
```
#bca3e1 rgb(188,163,225)
```
#bb9ee6
```
#bb9ee6 rgb(187,158,230)
```
#ba9aea
```
#ba9aea rgb(186,154,234)
```
#b995ef
```
#b995ef rgb(185,149,239)
```
#b890f4
```
#b890f4 rgb(184,144,244)
```
#b78cf8
```
#b78cf8 rgb(183,140,248)
```
#b687fd
```
#b687fd rgb(182,135,253)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a79db5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#79a0ff Protanopia 1% of men
#73a3f5 Deuteranopia 1% of men
#a7a1ac Tritanopia 0.001% of the population

Trichromacy

#8f97fe Protanomaly 1% of men, 0.01% of women
#8b99f8 Deuteranomaly 6% of men, 0.4% of women
#ac97c9 Tritanomaly 0.01% of the population

#b687fd hex color

#b687fd Color Information

#b687fd Color Conversion

Color Schemes with #b687fd

Alternatives to #b687fd

#b687fd Preview

Shades and Tints of #b687fd

Tones of #b687fd

Color Blindness Simulator