#b396f2 hex color

In a RGB color space, hex #b396f2 is composed of 70.2% red, 58.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 26% cyan, 38% magenta, 0% yellow and 5.1% black. It has a hue angle of 258.9 degrees, a saturation of 78% and a lightness of 76.9%. #b396f2 color hex could be obtained by blending #ffffff with #672de5. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 70
- G 59
- B 95
RGB color chart
- C 26
- M 38
- Y 0
- K 5
CMYK color chart

● #b396f2 color description : Very soft violet.

The hexadecimal color #b396f2 has RGB values of R:179, G:150, B:242 and CMYK values of C:0.26, M:0.38, Y:0, K:0.05. Its decimal value is 11769586.

Hex triplet	b396f2	`#b396f2`
RGB Decimal	179, 150, 242	`rgb(179,150,242)`
RGB Percent	70.2, 58.8, 94.9	`rgb(70.2%,58.8%,94.9%)`
CMYK	26, 38, 0, 5
HSL	258.9°, 78, 76.9	`hsl(258.9,78%,76.9%)`
HSV (or HSB)	258.9°, 38, 94.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	67.878, 29.652, -42.311
XYZ	45.521, 37.807, 88.899
xyY	0.264, 0.22, 37.807
CIE-LCH	67.878, 51.667, 305.023
CIE-LUV	67.878, 8.147, -71.807
Hunter-Lab	61.488, 24.546, -42.68
Binary	10110011, 10010110, 11110010

#b396f2
```
#b396f2 rgb(179,150,242)
```
#d5f296
```
#d5f296 rgb(213,242,150)
```

Complementary Color

#96a7f2
```
#96a7f2 rgb(150,167,242)
```
#b396f2
```
#b396f2 rgb(179,150,242)
```
#e196f2
```
#e196f2 rgb(225,150,242)
```

Analogous Color

#a7f296
```
#a7f296 rgb(167,242,150)
```
#b396f2
```
#b396f2 rgb(179,150,242)
```
#f2e196
```
#f2e196 rgb(242,225,150)
```

Split Complementary Color

#96f2b3
```
#96f2b3 rgb(150,242,179)
```
#b396f2
```
#b396f2 rgb(179,150,242)
```
#f2b396
```
#f2b396 rgb(242,179,150)
```

Triadic Color

#96d5f2
```
#96d5f2 rgb(150,213,242)
```
#b396f2
```
#b396f2 rgb(179,150,242)
```
#f2b396
```
#f2b396 rgb(242,179,150)
```
#d5f296
```
#d5f296 rgb(213,242,150)
```

Tetradic Color

#8252ea
```
#8252ea rgb(130,82,234)
```
#9269ec
```
#9269ec rgb(146,105,236)
```
#a37fef
```
#a37fef rgb(163,127,239)
```
#b396f2
```
#b396f2 rgb(179,150,242)
```
#c3adf5
```
#c3adf5 rgb(195,173,245)
```
#d4c3f8
```
#d4c3f8 rgb(212,195,248)
```
#e4dafa
```
#e4dafa rgb(228,218,250)
```

Monochromatic Color

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

#9c96f2
```
#9c96f2 rgb(156,150,242)
```
#a496f2
```
#a496f2 rgb(164,150,242)
```
#ab96f2
```
#ab96f2 rgb(171,150,242)
```
#b396f2
```
#b396f2 rgb(179,150,242)
```
#bb96f2
```
#bb96f2 rgb(187,150,242)
```
#c296f2
```
#c296f2 rgb(194,150,242)
```
#ca96f2
```
#ca96f2 rgb(202,150,242)
```

Similar Colors

Text with hexadecimal color #b396f2

This text has a font color of #b396f2.

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

#b396f2 background color

This paragraph has a background color of #b396f2.

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

#b396f2 border color

This element has a border color of #b396f2.

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

CSS codes

.text {color:#b396f2;}

.background {background-color:#b396f2;}

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

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

#070211
```
#070211 rgb(7,2,17)
```
#0e0423
```
#0e0423 rgb(14,4,35)
```
#150634
```
#150634 rgb(21,6,52)
```
#1c0946
```
#1c0946 rgb(28,9,70)
```
#230b57
```
#230b57 rgb(35,11,87)
```
#2a0d68
```
#2a0d68 rgb(42,13,104)
```
#310f7a
```
#310f7a rgb(49,15,122)
```
#38118b
```
#38118b rgb(56,17,139)
```
#3f139d
```
#3f139d rgb(63,19,157)
```
#4616ae
```
#4616ae rgb(70,22,174)
```
#4d18c0
```
#4d18c0 rgb(77,24,192)
```
#541ad1
```
#541ad1 rgb(84,26,209)
```
#5b1ce3
```
#5b1ce3 rgb(91,28,227)
```

Shade Color Variation

#672de5
```
#672de5 rgb(103,45,229)
```
#743fe7
```
#743fe7 rgb(116,63,231)
```
#8050e9
```
#8050e9 rgb(128,80,233)
```
#8d62ec
```
#8d62ec rgb(141,98,236)
```
#9a73ee
```
#9a73ee rgb(154,115,238)
```
#a685f0
```
#a685f0 rgb(166,133,240)
```
#b396f2
```
#b396f2 rgb(179,150,242)
```
#c0a7f4
```
#c0a7f4 rgb(192,167,244)
```
#ccb9f6
```
#ccb9f6 rgb(204,185,246)
```
#d9caf8
```
#d9caf8 rgb(217,202,248)
```
#e6dcfb
```
#e6dcfb rgb(230,220,251)
```
#f2edfd
```
#f2edfd rgb(242,237,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c4c3c5
```
#c4c3c5 rgb(196,195,197)
```
#c2bfc9
```
#c2bfc9 rgb(194,191,201)
```
#c0bace
```
#c0bace rgb(192,186,206)
```
#bfb6d2
```
#bfb6d2 rgb(191,182,210)
```
#bdb1d7
```
#bdb1d7 rgb(189,177,215)
```
#bbaddb
```
#bbaddb rgb(187,173,219)
```
#baa8e0
```
#baa8e0 rgb(186,168,224)
```
#b8a4e4
```
#b8a4e4 rgb(184,164,228)
```
#b69fe9
```
#b69fe9 rgb(182,159,233)
```
#b59bed
```
#b59bed rgb(181,155,237)
```
#b396f2
```
#b396f2 rgb(179,150,242)
```
#b191f7
```
#b191f7 rgb(177,145,247)
```
#b08dfb
```
#b08dfb rgb(176,141,251)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aba5b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a7fb Protanopia 1% of men
#8ca8ed Deuteranopia 1% of men
#a8a9b5 Tritanopia 0.001% of the population

Trichromacy

#98a1f7 Protanomaly 1% of men, 0.01% of women
#9aa1ef Deuteranomaly 6% of men, 0.4% of women
#aca2cb Tritanomaly 0.01% of the population

#b396f2 hex color

#b396f2 Color Information

#b396f2 Color Conversion

Color Schemes with #b396f2

Alternatives to #b396f2

#b396f2 Preview

Shades and Tints of #b396f2

Tones of #b396f2

Color Blindness Simulator