#b684f5 hex color

In a RGB color space, hex #b684f5 is composed of 71.4% red, 51.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 25.7% cyan, 46.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 266.5 degrees, a saturation of 85% and a lightness of 73.9%. #b684f5 color hex could be obtained by blending #ffffff with #6d09eb. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 71
- G 52
- B 96
RGB color chart
- C 26
- M 46
- Y 0
- K 4
CMYK color chart

● #b684f5 color description : Soft violet.

The hexadecimal color #b684f5 has RGB values of R:182, G:132, B:245 and CMYK values of C:0.26, M:0.46, Y:0, K:0.04. Its decimal value is 11961589.

Hex triplet	b684f5	`#b684f5`
RGB Decimal	182, 132, 245	`rgb(182,132,245)`
RGB Percent	71.4, 51.8, 96.1	`rgb(71.4%,51.8%,96.1%)`
CMYK	26, 46, 0, 4
HSL	266.5°, 85, 73.9	`hsl(266.5,85%,73.9%)`
HSV (or HSB)	266.5°, 46.1, 96.1
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	64.194, 41.19, -49.737
XYZ	44.021, 33.041, 90.44
xyY	0.263, 0.197, 33.041
CIE-LCH	64.194, 64.579, 309.63
CIE-LUV	64.194, 16.103, -84.828
Hunter-Lab	57.481, 36.112, -53.049
Binary	10110110, 10000100, 11110101

#b684f5
```
#b684f5 rgb(182,132,245)
```
#c3f584
```
#c3f584 rgb(195,245,132)
```

Complementary Color

#848bf5
```
#848bf5 rgb(132,139,245)
```
#b684f5
```
#b684f5 rgb(182,132,245)
```
#ef84f5
```
#ef84f5 rgb(239,132,245)
```

Analogous Color

#8bf584
```
#8bf584 rgb(139,245,132)
```
#b684f5
```
#b684f5 rgb(182,132,245)
```
#f5ef84
```
#f5ef84 rgb(245,239,132)
```

Split Complementary Color

#84f5b6
```
#84f5b6 rgb(132,245,182)
```
#b684f5
```
#b684f5 rgb(182,132,245)
```
#f5b684
```
#f5b684 rgb(245,182,132)
```

Triadic Color

#84c3f5
```
#84c3f5 rgb(132,195,245)
```
#b684f5
```
#b684f5 rgb(182,132,245)
```
#f5b684
```
#f5b684 rgb(245,182,132)
```
#c3f584
```
#c3f584 rgb(195,245,132)
```

Tetradic Color

#8c3def
```
#8c3def rgb(140,61,239)
```
#9a55f1
```
#9a55f1 rgb(154,85,241)
```
#a86cf3
```
#a86cf3 rgb(168,108,243)
```
#b684f5
```
#b684f5 rgb(182,132,245)
```
#c49cf7
```
#c49cf7 rgb(196,156,247)
```
#d2b3f9
```
#d2b3f9 rgb(210,179,249)
```
#e0cbfb
```
#e0cbfb rgb(224,203,251)
```

Monochromatic Color

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

#9a84f5
```
#9a84f5 rgb(154,132,245)
```
#a384f5
```
#a384f5 rgb(163,132,245)
```
#ad84f5
```
#ad84f5 rgb(173,132,245)
```
#b684f5
```
#b684f5 rgb(182,132,245)
```
#bf84f5
```
#bf84f5 rgb(191,132,245)
```
#c984f5
```
#c984f5 rgb(201,132,245)
```
#d284f5
```
#d284f5 rgb(210,132,245)
```

Similar Colors

Text with hexadecimal color #b684f5

This text has a font color of #b684f5.

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

#b684f5 background color

This paragraph has a background color of #b684f5.

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

#b684f5 border color

This element has a border color of #b684f5.

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

CSS codes

.text {color:#b684f5;}

.background {background-color:#b684f5;}

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

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

#020004
```
#020004 rgb(2,0,4)
```
#0b0216
```
#0b0216 rgb(11,2,22)
```
#140328
```
#140328 rgb(20,3,40)
```
#1c053a
```
#1c053a rgb(28,5,58)
```
#25064d
```
#25064d rgb(37,6,77)
```
#2e085f
```
#2e085f rgb(46,8,95)
```
#370971
```
#370971 rgb(55,9,113)
```
#400b83
```
#400b83 rgb(64,11,131)
```
#490c95
```
#490c95 rgb(73,12,149)
```
#520ea7
```
#520ea7 rgb(82,14,167)
```
#5a0fb9
```
#5a0fb9 rgb(90,15,185)
```
#6311cc
```
#6311cc rgb(99,17,204)
```
#6c12de
```
#6c12de rgb(108,18,222)
```

Shade Color Variation

#7517ec
```
#7517ec rgb(117,23,236)
```
#8029ee
```
#8029ee rgb(128,41,238)
```
#8b3bef
```
#8b3bef rgb(139,59,239)
```
#964ef1
```
#964ef1 rgb(150,78,241)
```
#a060f2
```
#a060f2 rgb(160,96,242)
```
#ab72f4
```
#ab72f4 rgb(171,114,244)
```
#b684f5
```
#b684f5 rgb(182,132,245)
```
#c196f6
```
#c196f6 rgb(193,150,246)
```
#cca8f8
```
#cca8f8 rgb(204,168,248)
```
#d6baf9
```
#d6baf9 rgb(214,186,249)
```
#e1cdfb
```
#e1cdfb rgb(225,205,251)
```
#ecdffc
```
#ecdffc rgb(236,223,252)
```
#f7f1fe
```
#f7f1fe rgb(247,241,254)
```

Tint Color Variation

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

#bcbcbd
```
#bcbcbd rgb(188,188,189)
```
#bcb7c2
```
#bcb7c2 rgb(188,183,194)
```
#bbb2c7
```
#bbb2c7 rgb(187,178,199)
```
#bbadcc
```
#bbadcc rgb(187,173,204)
```
#baa8d1
```
#baa8d1 rgb(186,168,209)
```
#baa3d6
```
#baa3d6 rgb(186,163,214)
```
#b99edb
```
#b99edb rgb(185,158,219)
```
#b898e1
```
#b898e1 rgb(184,152,225)
```
#b893e6
```
#b893e6 rgb(184,147,230)
```
#b78eeb
```
#b78eeb rgb(183,142,235)
```
#b789f0
```
#b789f0 rgb(183,137,240)
```
#b684f5
```
#b684f5 rgb(182,132,245)
```
#b57ffa
```
#b57ffa rgb(181,127,250)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a49ab1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#749dff Protanopia 1% of men
#76a0ed Deuteranopia 1% of men
#a89da8 Tritanopia 0.001% of the population

Trichromacy

#8c94fb Protanomaly 1% of men, 0.01% of women
#8d96f0 Deuteranomaly 6% of men, 0.4% of women
#ad94c4 Tritanomaly 0.01% of the population

#b684f5 hex color

#b684f5 Color Information

#b684f5 Color Conversion

Color Schemes with #b684f5

Alternatives to #b684f5

#b684f5 Preview

Shades and Tints of #b684f5

Tones of #b684f5

Color Blindness Simulator