#b396f7 hex color

In a RGB color space, hex #b396f7 is composed of 70.2% red, 58.8% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 39.3% magenta, 0% yellow and 3.1% black. It has a hue angle of 257.9 degrees, a saturation of 85.8% and a lightness of 77.8%. #b396f7 color hex could be obtained by blending #ffffff with #672def. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 70
- G 59
- B 97
RGB color chart
- C 28
- M 39
- Y 0
- K 3
CMYK color chart

● #b396f7 color description : Very soft violet.

The hexadecimal color #b396f7 has RGB values of R:179, G:150, B:247 and CMYK values of C:0.28, M:0.39, Y:0, K:0.03. Its decimal value is 11769591.

Hex triplet	b396f7	`#b396f7`
RGB Decimal	179, 150, 247	`rgb(179,150,247)`
RGB Percent	70.2, 58.8, 96.9	`rgb(70.2%,58.8%,96.9%)`
CMYK	28, 39, 0, 3
HSL	257.9°, 85.8, 77.8	`hsl(257.9,85.8%,77.8%)`
HSV (or HSB)	257.9°, 39.3, 96.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	68.103, 30.853, -44.693
XYZ	46.282, 38.112, 92.909
xyY	0.261, 0.215, 38.112
CIE-LCH	68.103, 54.308, 304.618
CIE-LUV	68.103, 7.632, -75.97
Hunter-Lab	61.735, 25.785, -46.015
Binary	10110011, 10010110, 11110111

#b396f7
```
#b396f7 rgb(179,150,247)
```
#daf796
```
#daf796 rgb(218,247,150)
```

Complementary Color

#96aaf7
```
#96aaf7 rgb(150,170,247)
```
#b396f7
```
#b396f7 rgb(179,150,247)
```
#e496f7
```
#e496f7 rgb(228,150,247)
```

Analogous Color

#aaf796
```
#aaf796 rgb(170,247,150)
```
#b396f7
```
#b396f7 rgb(179,150,247)
```
#f7e496
```
#f7e496 rgb(247,228,150)
```

Split Complementary Color

#96f7b3
```
#96f7b3 rgb(150,247,179)
```
#b396f7
```
#b396f7 rgb(179,150,247)
```
#f7b396
```
#f7b396 rgb(247,179,150)
```

Triadic Color

#96daf7
```
#96daf7 rgb(150,218,247)
```
#b396f7
```
#b396f7 rgb(179,150,247)
```
#f7b396
```
#f7b396 rgb(247,179,150)
```
#daf796
```
#daf796 rgb(218,247,150)
```

Tetradic Color

#804ff2
```
#804ff2 rgb(128,79,242)
```
#9167f3
```
#9167f3 rgb(145,103,243)
```
#a27ef5
```
#a27ef5 rgb(162,126,245)
```
#b396f7
```
#b396f7 rgb(179,150,247)
```
#c4aef9
```
#c4aef9 rgb(196,174,249)
```
#d5c5fb
```
#d5c5fb rgb(213,197,251)
```
#e6ddfc
```
#e6ddfc rgb(230,221,252)
```

Monochromatic Color

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

#9b96f7
```
#9b96f7 rgb(155,150,247)
```
#a396f7
```
#a396f7 rgb(163,150,247)
```
#ab96f7
```
#ab96f7 rgb(171,150,247)
```
#b396f7
```
#b396f7 rgb(179,150,247)
```
#bb96f7
```
#bb96f7 rgb(187,150,247)
```
#c396f7
```
#c396f7 rgb(195,150,247)
```
#cb96f7
```
#cb96f7 rgb(203,150,247)
```

Similar Colors

Text with hexadecimal color #b396f7

This text has a font color of #b396f7.

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

#b396f7 background color

This paragraph has a background color of #b396f7.

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

#b396f7 border color

This element has a border color of #b396f7.

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

CSS codes

.text {color:#b396f7;}

.background {background-color:#b396f7;}

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

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 #f5f1fe is the lightest one.

#020004
```
#020004 rgb(2,0,4)
```
#080217
```
#080217 rgb(8,2,23)
```
#0e0329
```
#0e0329 rgb(14,3,41)
```
#15043b
```
#15043b rgb(21,4,59)
```
#1b064d
```
#1b064d rgb(27,6,77)
```
#22075f
```
#22075f rgb(34,7,95)
```
#280972
```
#280972 rgb(40,9,114)
```
#2e0a84
```
#2e0a84 rgb(46,10,132)
```
#350b96
```
#350b96 rgb(53,11,150)
```
#3b0da8
```
#3b0da8 rgb(59,13,168)
```
#420ebb
```
#420ebb rgb(66,14,187)
```
#4810cd
```
#4810cd rgb(72,16,205)
```
#4f11df
```
#4f11df rgb(79,17,223)
```

Shade Color Variation

#5716ed
```
#5716ed rgb(87,22,237)
```
#6429ef
```
#6429ef rgb(100,41,239)
```
#713bf0
```
#713bf0 rgb(113,59,240)
```
#7e4df1
```
#7e4df1 rgb(126,77,241)
```
#8b5ff3
```
#8b5ff3 rgb(139,95,243)
```
#9972f4
```
#9972f4 rgb(153,114,244)
```
#a684f6
```
#a684f6 rgb(166,132,246)
```
#b396f7
```
#b396f7 rgb(179,150,247)
```
#c0a8f8
```
#c0a8f8 rgb(192,168,248)
```
#cdbafa
```
#cdbafa rgb(205,186,250)
```
#dbcdfb
```
#dbcdfb rgb(219,205,251)
```
#e8dffd
```
#e8dffd rgb(232,223,253)
```
#f5f1fe
```
#f5f1fe rgb(245,241,254)
```

Tint Color Variation

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

#c6c6c7
```
#c6c6c7 rgb(198,198,199)
```
#c4c1cc
```
#c4c1cc rgb(196,193,204)
```
#c3bdd0
```
#c3bdd0 rgb(195,189,208)
```
#c1b9d4
```
#c1b9d4 rgb(193,185,212)
```
#bfb4d9
```
#bfb4d9 rgb(191,180,217)
```
#bdb0dd
```
#bdb0dd rgb(189,176,221)
```
#bcace1
```
#bcace1 rgb(188,172,225)
```
#baa7e6
```
#baa7e6 rgb(186,167,230)
```
#b8a3ea
```
#b8a3ea rgb(184,163,234)
```
#b69fee
```
#b69fee rgb(182,159,238)
```
#b59af3
```
#b59af3 rgb(181,154,243)
```
#b396f7
```
#b396f7 rgb(179,150,247)
```
#b192fb
```
#b192fb rgb(177,146,251)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#aca6b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a7ff Protanopia 1% of men
#89a9f2 Deuteranopia 1% of men
#a7aab6 Tritanopia 0.001% of the population

Trichromacy

#97a1fc Protanomaly 1% of men, 0.01% of women
#98a2f4 Deuteranomaly 6% of men, 0.4% of women
#aba2cd Tritanomaly 0.01% of the population

#b396f7 hex color

#b396f7 Color Information

#b396f7 Color Conversion

Color Schemes with #b396f7

Alternatives to #b396f7

#b396f7 Preview

Shades and Tints of #b396f7

Tones of #b396f7

Color Blindness Simulator