#b684f0 hex color

In a RGB color space, hex #b684f0 is composed of 71.4% red, 51.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 24.2% cyan, 45% magenta, 0% yellow and 5.9% black. It has a hue angle of 267.8 degrees, a saturation of 78.3% and a lightness of 72.9%. #b684f0 color hex could be obtained by blending #ffffff with #6d09e1. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 71
- G 52
- B 94
RGB color chart
- C 24
- M 45
- Y 0
- K 6
CMYK color chart

● #b684f0 color description : Very soft violet.

The hexadecimal color #b684f0 has RGB values of R:182, G:132, B:240 and CMYK values of C:0.24, M:0.45, Y:0, K:0.06. Its decimal value is 11961584.

Hex triplet	b684f0	`#b684f0`
RGB Decimal	182, 132, 240	`rgb(182,132,240)`
RGB Percent	71.4, 51.8, 94.1	`rgb(71.4%,51.8%,94.1%)`
CMYK	24, 45, 0, 6
HSL	267.8°, 78.3, 72.9	`hsl(267.8,78.3%,72.9%)`
HSV (or HSB)	267.8°, 45, 94.1
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	63.949, 40.025, -47.369
XYZ	43.268, 32.739, 86.473
xyY	0.266, 0.201, 32.739
CIE-LCH	63.949, 62.015, 310.196
CIE-LUV	63.949, 16.791, -80.75
Hunter-Lab	57.218, 34.849, -49.551
Binary	10110110, 10000100, 11110000

#b684f0
```
#b684f0 rgb(182,132,240)
```
#bef084
```
#bef084 rgb(190,240,132)
```

Complementary Color

#8488f0
```
#8488f0 rgb(132,136,240)
```
#b684f0
```
#b684f0 rgb(182,132,240)
```
#ec84f0
```
#ec84f0 rgb(236,132,240)
```

Analogous Color

#88f084
```
#88f084 rgb(136,240,132)
```
#b684f0
```
#b684f0 rgb(182,132,240)
```
#f0ec84
```
#f0ec84 rgb(240,236,132)
```

Split Complementary Color

#84f0b6
```
#84f0b6 rgb(132,240,182)
```
#b684f0
```
#b684f0 rgb(182,132,240)
```
#f0b684
```
#f0b684 rgb(240,182,132)
```

Triadic Color

#84bef0
```
#84bef0 rgb(132,190,240)
```
#b684f0
```
#b684f0 rgb(182,132,240)
```
#f0b684
```
#f0b684 rgb(240,182,132)
```
#bef084
```
#bef084 rgb(190,240,132)
```

Tetradic Color

#8e40e8
```
#8e40e8 rgb(142,64,232)
```
#9b57ea
```
#9b57ea rgb(155,87,234)
```
#a96ded
```
#a96ded rgb(169,109,237)
```
#b684f0
```
#b684f0 rgb(182,132,240)
```
#c39bf3
```
#c39bf3 rgb(195,155,243)
```
#d1b1f6
```
#d1b1f6 rgb(209,177,246)
```
#dec8f8
```
#dec8f8 rgb(222,200,248)
```

Monochromatic Color

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

#9b84f0
```
#9b84f0 rgb(155,132,240)
```
#a484f0
```
#a484f0 rgb(164,132,240)
```
#ad84f0
```
#ad84f0 rgb(173,132,240)
```
#b684f0
```
#b684f0 rgb(182,132,240)
```
#bf84f0
```
#bf84f0 rgb(191,132,240)
```
#c884f0
```
#c884f0 rgb(200,132,240)
```
#d184f0
```
#d184f0 rgb(209,132,240)
```

Similar Colors

Text with hexadecimal color #b684f0

This text has a font color of #b684f0.

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

#b684f0 background color

This paragraph has a background color of #b684f0.

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

#b684f0 border color

This element has a border color of #b684f0.

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

CSS codes

.text {color:#b684f0;}

.background {background-color:#b684f0;}

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

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

#090211
```
#090211 rgb(9,2,17)
```
#120422
```
#120422 rgb(18,4,34)
```
#1b0634
```
#1b0634 rgb(27,6,52)
```
#250845
```
#250845 rgb(37,8,69)
```
#2e0b57
```
#2e0b57 rgb(46,11,87)
```
#370d68
```
#370d68 rgb(55,13,104)
```
#400f7a
```
#400f7a rgb(64,15,122)
```
#4a118b
```
#4a118b rgb(74,17,139)
```
#53139d
```
#53139d rgb(83,19,157)
```
#5c15ae
```
#5c15ae rgb(92,21,174)
```
#6517c0
```
#6517c0 rgb(101,23,192)
```
#6f1ad1
```
#6f1ad1 rgb(111,26,209)
```
#781ce3
```
#781ce3 rgb(120,28,227)
```

Shade Color Variation

#822de5
```
#822de5 rgb(130,45,229)
```
#8c3ee7
```
#8c3ee7 rgb(140,62,231)
```
#9750ea
```
#9750ea rgb(151,80,234)
```
#a161ec
```
#a161ec rgb(161,97,236)
```
#ac73ee
```
#ac73ee rgb(172,115,238)
```
#b684f0
```
#b684f0 rgb(182,132,240)
```
#c095f2
```
#c095f2 rgb(192,149,242)
```
#cba7f4
```
#cba7f4 rgb(203,167,244)
```
#d5b8f6
```
#d5b8f6 rgb(213,184,246)
```
#e0caf9
```
#e0caf9 rgb(224,202,249)
```
#eadbfb
```
#eadbfb rgb(234,219,251)
```
#f4edfd
```
#f4edfd rgb(244,237,253)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#bab9bb
```
#bab9bb rgb(186,185,187)
```
#bab4c0
```
#bab4c0 rgb(186,180,192)
```
#b9aec6
```
#b9aec6 rgb(185,174,198)
```
#b9a9cb
```
#b9a9cb rgb(185,169,203)
```
#b8a4d0
```
#b8a4d0 rgb(184,164,208)
```
#b89fd5
```
#b89fd5 rgb(184,159,213)
```
#b899db
```
#b899db rgb(184,153,219)
```
#b794e0
```
#b794e0 rgb(183,148,224)
```
#b78fe5
```
#b78fe5 rgb(183,143,229)
```
#b689eb
```
#b689eb rgb(182,137,235)
```
#b684f0
```
#b684f0 rgb(182,132,240)
```
#b67ff5
```
#b67ff5 rgb(182,127,245)
```
#b579fb
```
#b579fb rgb(181,121,251)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a49aaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#739cff Protanopia 1% of men
#7a9fe9 Deuteranopia 1% of men
#aa9ca7 Tritanopia 0.001% of the population

Trichromacy

#8b93f9 Protanomaly 1% of men, 0.01% of women
#9095eb Deuteranomaly 6% of men, 0.4% of women
#ae93c1 Tritanomaly 0.01% of the population

#b684f0 hex color

#b684f0 Color Information

#b684f0 Color Conversion

Color Schemes with #b684f0

Alternatives to #b684f0

#b684f0 Preview

Shades and Tints of #b684f0

Tones of #b684f0

Color Blindness Simulator