colorhexa.com

#b386f7 hex color

In a RGB color space, hex #b386f7 is composed of 70.2% red, 52.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 45.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 263.9 degrees, a saturation of 87.6% and a lightness of 74.7%. #b386f7 color hex could be obtained by blending #ffffff with #670def. Closest websafe color is: #cc99ff.

- R 70
- G 53
- B 97
RGB color chart
- C 28
- M 46
- Y 0
- K 3
CMYK color chart

● #b386f7 color description : Soft violet.

The hexadecimal color #b386f7 has RGB values of R:179, G:134, B:247 and CMYK values of C:0.28, M:0.46, Y:0, K:0.03. Its decimal value is 11765495.

Hex triplet	b386f7	`#b386f7`
RGB Decimal	179, 134, 247	`rgb(179,134,247)`
RGB Percent	70.2, 52.5, 96.9	`rgb(70.2%,52.5%,96.9%)`
CMYK	28, 46, 0, 3
HSL	263.9°, 87.6, 74.7	`hsl(263.9,87.6%,74.7%)`
HSV (or HSB)	263.9°, 45.7, 96.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	64.443, 39.763, -50.461
XYZ	43.901, 33.349, 92.115
xyY	0.259, 0.197, 33.349
CIE-LCH	64.443, 64.245, 308.238
CIE-LUV	64.443, 13.559, -85.89
Hunter-Lab	57.749, 34.636, -54.149
Binary	10110011, 10000110, 11110111

#b386f7
```
#b386f7 rgb(179,134,247)
```
#caf786
```
#caf786 rgb(202,247,134)
```

Complementary Color

#8692f7
```
#8692f7 rgb(134,146,247)
```
#b386f7
```
#b386f7 rgb(179,134,247)
```
#ec86f7
```
#ec86f7 rgb(236,134,247)
```

Analogous Color

#92f786
```
#92f786 rgb(146,247,134)
```
#b386f7
```
#b386f7 rgb(179,134,247)
```
#f7ec86
```
#f7ec86 rgb(247,236,134)
```

Split Complementary Color

#86f7b3
```
#86f7b3 rgb(134,247,179)
```
#b386f7
```
#b386f7 rgb(179,134,247)
```
#f7b386
```
#f7b386 rgb(247,179,134)
```

Triadic Color

#86caf7
```
#86caf7 rgb(134,202,247)
```
#b386f7
```
#b386f7 rgb(179,134,247)
```
#f7b386
```
#f7b386 rgb(247,179,134)
```
#caf786
```
#caf786 rgb(202,247,134)
```

Tetradic Color

#863ef2
```
#863ef2 rgb(134,62,242)
```
#9556f4
```
#9556f4 rgb(149,86,244)
```
#a46ef5
```
#a46ef5 rgb(164,110,245)
```
#b386f7
```
#b386f7 rgb(179,134,247)
```
#c29ef9
```
#c29ef9 rgb(194,158,249)
```
#d1b6fa
```
#d1b6fa rgb(209,182,250)
```
#e0cefc
```
#e0cefc rgb(224,206,252)
```

Monochromatic Color

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

#9786f7
```
#9786f7 rgb(151,134,247)
```
#a086f7
```
#a086f7 rgb(160,134,247)
```
#aa86f7
```
#aa86f7 rgb(170,134,247)
```
#b386f7
```
#b386f7 rgb(179,134,247)
```
#bc86f7
```
#bc86f7 rgb(188,134,247)
```
#c686f7
```
#c686f7 rgb(198,134,247)
```
#cf86f7
```
#cf86f7 rgb(207,134,247)
```

Similar Colors

Text with hexadecimal color #b386f7

This text has a font color of #b386f7.

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

#b386f7 background color

This paragraph has a background color of #b386f7.

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

#b386f7 border color

This element has a border color of #b386f7.

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

CSS codes

.text {color:#b386f7;}

.background {background-color:#b386f7;}

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

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

#030108
```
#030108 rgb(3,1,8)
```
#0b021a
```
#0b021a rgb(11,2,26)
```
#14032d
```
#14032d rgb(20,3,45)
```
#1c043f
```
#1c043f rgb(28,4,63)
```
#240551
```
#240551 rgb(36,5,81)
```
#2c0764
```
#2c0764 rgb(44,7,100)
```
#340876
```
#340876 rgb(52,8,118)
```
#3c0989
```
#3c0989 rgb(60,9,137)
```
#440a9b
```
#440a9b rgb(68,10,155)
```
#4c0bad
```
#4c0bad rgb(76,11,173)
```
#540dc0
```
#540dc0 rgb(84,13,192)
```
#5c0ed2
```
#5c0ed2 rgb(92,14,210)
```
#640fe5
```
#640fe5 rgb(100,15,229)
```

Shade Color Variation

#6e18f0
```
#6e18f0 rgb(110,24,240)
```
#792af1
```
#792af1 rgb(121,42,241)
```
#853cf2
```
#853cf2 rgb(133,60,242)
```
#904ff3
```
#904ff3 rgb(144,79,243)
```
#9c61f5
```
#9c61f5 rgb(156,97,245)
```
#a774f6
```
#a774f6 rgb(167,116,246)
```
#b386f7
```
#b386f7 rgb(179,134,247)
```
#bf98f8
```
#bf98f8 rgb(191,152,248)
```
#caabf9
```
#caabf9 rgb(202,171,249)
```
#d6bdfb
```
#d6bdfb rgb(214,189,251)
```
#e1d0fc
```
#e1d0fc rgb(225,208,252)
```
#ede2fd
```
#ede2fd rgb(237,226,253)
```
#f8f4fe
```
#f8f4fe rgb(248,244,254)
```

Tint Color Variation

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

#bebdc0
```
#bebdc0 rgb(190,189,192)
```
#bdb8c5
```
#bdb8c5 rgb(189,184,197)
```
#bcb3ca
```
#bcb3ca rgb(188,179,202)
```
#bbaecf
```
#bbaecf rgb(187,174,207)
```
#baa9d4
```
#baa9d4 rgb(186,169,212)
```
#b9a4d9
```
#b9a4d9 rgb(185,164,217)
```
#b89fde
```
#b89fde rgb(184,159,222)
```
#b79ae3
```
#b79ae3 rgb(183,154,227)
```
#b695e8
```
#b695e8 rgb(182,149,232)
```
#b590ed
```
#b590ed rgb(181,144,237)
```
#b48bf2
```
#b48bf2 rgb(180,139,242)
```
#b386f7
```
#b386f7 rgb(179,134,247)
```
#b281fc
```
#b281fc rgb(178,129,252)
```

Tone Color Variation

Below, you can see how #b386f7 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
#a49bb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#769eff Protanopia 1% of men
#75a1ef Deuteranopia 1% of men
#a59faa Tritanopia 0.001% of the population

Trichromacy

#8c95fc Protanomaly 1% of men, 0.01% of women
#8b97f2 Deuteranomaly 6% of men, 0.4% of women
#aa96c6 Tritanomaly 0.01% of the population