#b684df hex color

In a RGB color space, hex #b684df is composed of 71.4% red, 51.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 40.8% magenta, 0% yellow and 12.5% black. It has a hue angle of 273 degrees, a saturation of 58.7% and a lightness of 69.6%. #b684df color hex could be obtained by blending #ffffff with #6d09bf. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 71
- G 52
- B 87
RGB color chart
- C 18
- M 41
- Y 0
- K 13
CMYK color chart

● #b684df color description : Very soft violet.

The hexadecimal color #b684df has RGB values of R:182, G:132, B:223 and CMYK values of C:0.18, M:0.41, Y:0, K:0.13. Its decimal value is 11961567.

Hex triplet	b684df	`#b684df`
RGB Decimal	182, 132, 223	`rgb(182,132,223)`
RGB Percent	71.4, 51.8, 87.5	`rgb(71.4%,51.8%,87.5%)`
CMYK	18, 41, 0, 13
HSL	273°, 58.7, 69.6	`hsl(273,58.7%,69.6%)`
HSV (or HSB)	273°, 40.8, 87.5
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	63.157, 36.165, -39.196
XYZ	40.86, 31.776, 73.789
xyY	0.279, 0.217, 31.776
CIE-LCH	63.157, 53.331, 312.697
CIE-LUV	63.157, 19.183, -66.734
Hunter-Lab	56.37, 30.738, -38.152
Binary	10110110, 10000100, 11011111

#b684df
```
#b684df rgb(182,132,223)
```
#addf84
```
#addf84 rgb(173,223,132)
```

Complementary Color

#8984df
```
#8984df rgb(137,132,223)
```
#b684df
```
#b684df rgb(182,132,223)
```
#df84db
```
#df84db rgb(223,132,219)
```

Analogous Color

#84df89
```
#84df89 rgb(132,223,137)
```
#b684df
```
#b684df rgb(182,132,223)
```
#dbdf84
```
#dbdf84 rgb(219,223,132)
```

Split Complementary Color

#84dfb6
```
#84dfb6 rgb(132,223,182)
```
#b684df
```
#b684df rgb(182,132,223)
```
#dfb684
```
#dfb684 rgb(223,182,132)
```

Triadic Color

#84addf
```
#84addf rgb(132,173,223)
```
#b684df
```
#b684df rgb(182,132,223)
```
#dfb684
```
#dfb684 rgb(223,182,132)
```
#addf84
```
#addf84 rgb(173,223,132)
```

Tetradic Color

#9247cf
```
#9247cf rgb(146,71,207)
```
#9e5cd4
```
#9e5cd4 rgb(158,92,212)
```
#aa70da
```
#aa70da rgb(170,112,218)
```
#b684df
```
#b684df rgb(182,132,223)
```
#c298e4
```
#c298e4 rgb(194,152,228)
```
#ceacea
```
#ceacea rgb(206,172,234)
```
#dac1ef
```
#dac1ef rgb(218,193,239)
```

Monochromatic Color

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

#9f84df
```
#9f84df rgb(159,132,223)
```
#a784df
```
#a784df rgb(167,132,223)
```
#ae84df
```
#ae84df rgb(174,132,223)
```
#b684df
```
#b684df rgb(182,132,223)
```
#be84df
```
#be84df rgb(190,132,223)
```
#c584df
```
#c584df rgb(197,132,223)
```
#cd84df
```
#cd84df rgb(205,132,223)
```

Similar Colors

Text with hexadecimal color #b684df

This text has a font color of #b684df.

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

#b684df background color

This paragraph has a background color of #b684df.

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

#b684df border color

This element has a border color of #b684df.

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

CSS codes

.text {color:#b684df;}

.background {background-color:#b684df;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0b0411
```
#0b0411 rgb(11,4,17)
```
#160821
```
#160821 rgb(22,8,33)
```
#200d30
```
#200d30 rgb(32,13,48)
```
#2b1140
```
#2b1140 rgb(43,17,64)
```
#35154f
```
#35154f rgb(53,21,79)
```
#3f195f
```
#3f195f rgb(63,25,95)
```
#4a1d6e
```
#4a1d6e rgb(74,29,110)
```
#54217e
```
#54217e rgb(84,33,126)
```
#5e258e
```
#5e258e rgb(94,37,142)
```
#69299d
```
#69299d rgb(105,41,157)
```
#732dad
```
#732dad rgb(115,45,173)
```
#7e31bc
```
#7e31bc rgb(126,49,188)
```

Shade Color Variation

#8836cb
```
#8836cb rgb(136,54,203)
```
#9146cf
```
#9146cf rgb(145,70,207)
```
#9a55d3
```
#9a55d3 rgb(154,85,211)
```
#a465d7
```
#a465d7 rgb(164,101,215)
```
#ad74db
```
#ad74db rgb(173,116,219)
```
#b684df
```
#b684df rgb(182,132,223)
```
#bf94e3
```
#bf94e3 rgb(191,148,227)
```
#c8a3e7
```
#c8a3e7 rgb(200,163,231)
```
#d2b3eb
```
#d2b3eb rgb(210,179,235)
```
#dbc2ef
```
#dbc2ef rgb(219,194,239)
```
#e4d2f3
```
#e4d2f3 rgb(228,210,243)
```
#ede1f7
```
#ede1f7 rgb(237,225,247)
```
#f7f1fb
```
#f7f1fb rgb(247,241,251)
```

Tint Color Variation

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

#b2aeb5
```
#b2aeb5 rgb(178,174,181)
```
#b2a8bb
```
#b2a8bb rgb(178,168,187)
```
#b3a2c1
```
#b3a2c1 rgb(179,162,193)
```
#b49cc7
```
#b49cc7 rgb(180,156,199)
```
#b496cd
```
#b496cd rgb(180,150,205)
```
#b590d3
```
#b590d3 rgb(181,144,211)
```
#b58ad9
```
#b58ad9 rgb(181,138,217)
```
#b684df
```
#b684df rgb(182,132,223)
```
#b77ee5
```
#b77ee5 rgb(183,126,229)
```
#b778eb
```
#b778eb rgb(183,120,235)
```
#b872f1
```
#b872f1 rgb(184,114,241)
```
#b86cf7
```
#b86cf7 rgb(184,108,247)
```
#b966fd
```
#b966fd rgb(185,102,253)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a298aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d9bed Protanopia 1% of men
#859cda Deuteranopia 1% of men
#ad98a3 Tritanopia 0.001% of the population

Trichromacy

#9292e8 Protanomaly 1% of men, 0.01% of women
#9793dc Deuteranomaly 6% of men, 0.4% of women
#b091b9 Tritanomaly 0.01% of the population

#b684df hex color

#b684df Color Information

#b684df Color Conversion

Color Schemes with #b684df

Alternatives to #b684df

#b684df Preview

Shades and Tints of #b684df

Tones of #b684df

Color Blindness Simulator