#b396bd hex color

In a RGB color space, hex #b396bd is composed of 70.2% red, 58.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 5.3% cyan, 20.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 284.6 degrees, a saturation of 22.8% and a lightness of 66.5%. #b396bd color hex could be obtained by blending #ffffff with #672d7b. Closest websafe color is: #cc99cc.

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

● #b396bd color description : Grayish violet.

The hexadecimal color #b396bd has RGB values of R:179, G:150, B:189 and CMYK values of C:0.05, M:0.21, Y:0, K:0.26. Its decimal value is 11769533.

Hex triplet	b396bd	`#b396bd`
RGB Decimal	179, 150, 189	`rgb(179,150,189)`
RGB Percent	70.2, 58.8, 74.1	`rgb(70.2%,58.8%,74.1%)`
CMYK	5, 21, 0, 26
HSL	284.6°, 22.8, 66.5	`hsl(284.6,22.8%,66.5%)`
HSV (or HSB)	284.6°, 20.6, 74.1
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	65.804, 17.926, -16.16
XYZ	38.681, 35.071, 52.873
xyY	0.305, 0.277, 35.071
CIE-LCH	65.804, 24.134, 317.966
CIE-LUV	65.804, 13.733, -27.364
Hunter-Lab	59.221, 12.953, -11.48
Binary	10110011, 10010110, 10111101

#b396bd
```
#b396bd rgb(179,150,189)
```
#a0bd96
```
#a0bd96 rgb(160,189,150)
```

Complementary Color

#a096bd
```
#a096bd rgb(160,150,189)
```
#b396bd
```
#b396bd rgb(179,150,189)
```
#bd96b4
```
#bd96b4 rgb(189,150,180)
```

Analogous Color

#96bda0
```
#96bda0 rgb(150,189,160)
```
#b396bd
```
#b396bd rgb(179,150,189)
```
#b4bd96
```
#b4bd96 rgb(180,189,150)
```

Split Complementary Color

#96bdb3
```
#96bdb3 rgb(150,189,179)
```
#b396bd
```
#b396bd rgb(179,150,189)
```
#bdb396
```
#bdb396 rgb(189,179,150)
```

Triadic Color

#96a0bd
```
#96a0bd rgb(150,160,189)
```
#b396bd
```
#b396bd rgb(179,150,189)
```
#bdb396
```
#bdb396 rgb(189,179,150)
```
#a0bd96
```
#a0bd96 rgb(160,189,150)
```

Tetradic Color

#91679f
```
#91679f rgb(145,103,159)
```
#9c77a9
```
#9c77a9 rgb(156,119,169)
```
#a886b3
```
#a886b3 rgb(168,134,179)
```
#b396bd
```
#b396bd rgb(179,150,189)
```
#bea6c7
```
#bea6c7 rgb(190,166,199)
```
#cab5d1
```
#cab5d1 rgb(202,181,209)
```
#d5c5db
```
#d5c5db rgb(213,197,219)
```

Monochromatic Color

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

#a996bd
```
#a996bd rgb(169,150,189)
```
#ad96bd
```
#ad96bd rgb(173,150,189)
```
#b096bd
```
#b096bd rgb(176,150,189)
```
#b396bd
```
#b396bd rgb(179,150,189)
```
#b696bd
```
#b696bd rgb(182,150,189)
```
#ba96bd
```
#ba96bd rgb(186,150,189)
```
#bd96bd
```
#bd96bd rgb(189,150,189)
```

Similar Colors

Text with hexadecimal color #b396bd

This text has a font color of #b396bd.

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

#b396bd background color

This paragraph has a background color of #b396bd.

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

#b396bd border color

This element has a border color of #b396bd.

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

CSS codes

.text {color:#b396bd;}

.background {background-color:#b396bd;}

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

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

#030203
```
#030203 rgb(3,2,3)
```
#0e0a0f
```
#0e0a0f rgb(14,10,15)
```
#19111b
```
#19111b rgb(25,17,27)
```
#241928
```
#241928 rgb(36,25,40)
```
#2f2034
```
#2f2034 rgb(47,32,52)
```
#3a2840
```
#3a2840 rgb(58,40,64)
```
#44304c
```
#44304c rgb(68,48,76)
```
#4f3758
```
#4f3758 rgb(79,55,88)
```
#5a3f64
```
#5a3f64 rgb(90,63,100)
```
#654670
```
#654670 rgb(101,70,112)
```
#704e7c
```
#704e7c rgb(112,78,124)
```
#7b5588
```
#7b5588 rgb(123,85,136)
```
#865d94
```
#865d94 rgb(134,93,148)
```

Shade Color Variation

#90669f
```
#90669f rgb(144,102,159)
```
#9972a6
```
#9972a6 rgb(153,114,166)
```
#a27eae
```
#a27eae rgb(162,126,174)
```
#aa8ab5
```
#aa8ab5 rgb(170,138,181)
```
#b396bd
```
#b396bd rgb(179,150,189)
```
#bca2c5
```
#bca2c5 rgb(188,162,197)
```
#c4aecc
```
#c4aecc rgb(196,174,204)
```
#cdbad4
```
#cdbad4 rgb(205,186,212)
```
#d6c6db
```
#d6c6db rgb(214,198,219)
```
#dfd2e3
```
#dfd2e3 rgb(223,210,227)
```
#e7deea
```
#e7deea rgb(231,222,234)
```
#f0eaf2
```
#f0eaf2 rgb(240,234,242)
```
#f9f6fa
```
#f9f6fa rgb(249,246,250)
```

Tint Color Variation

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

#ada3b0
```
#ada3b0 rgb(173,163,176)
```
#b09db6
```
#b09db6 rgb(176,157,182)
```
#b396bd
```
#b396bd rgb(179,150,189)
```
#b68fc4
```
#b68fc4 rgb(182,143,196)
```
#b989ca
```
#b989ca rgb(185,137,202)
```
#bd82d1
```
#bd82d1 rgb(189,130,209)
```
#c07cd7
```
#c07cd7 rgb(192,124,215)
```
#c375de
```
#c375de rgb(195,117,222)
```
#c66fe4
```
#c66fe4 rgb(198,111,228)
```
#c968eb
```
#c968eb rgb(201,104,235)
```
#cd61f2
```
#cd61f2 rgb(205,97,242)
```
#d05bf8
```
#d05bf8 rgb(208,91,248)
```
#d354ff
```
#d354ff rgb(211,84,255)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a6a0a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca3c5 Protanopia 1% of men
#a6a1be Deuteranopia 1% of men
#b39faa Tritanopia 0.001% of the population

Trichromacy

#a49ec2 Protanomaly 1% of men, 0.01% of women
#ab9dbe Deuteranomaly 6% of men, 0.4% of women
#b39cb1 Tritanomaly 0.01% of the population

#b396bd hex color

#b396bd Color Information

#b396bd Color Conversion

Color Schemes with #b396bd

Alternatives to #b396bd

#b396bd Preview

Shades and Tints of #b396bd

Tones of #b396bd

Color Blindness Simulator