#b396dd hex color

In a RGB color space, hex #b396dd is composed of 70.2% red, 58.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 32.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 264.5 degrees, a saturation of 51.1% and a lightness of 72.7%. #b396dd color hex could be obtained by blending #ffffff with #672dbb. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 70
- G 59
- B 87
RGB color chart
- C 19
- M 32
- Y 0
- K 13
CMYK color chart

● #b396dd color description : Very soft violet.

The hexadecimal color #b396dd has RGB values of R:179, G:150, B:221 and CMYK values of C:0.19, M:0.32, Y:0, K:0.13. Its decimal value is 11769565.

Hex triplet	b396dd	`#b396dd`
RGB Decimal	179, 150, 221	`rgb(179,150,221)`
RGB Percent	70.2, 58.8, 86.7	`rgb(70.2%,58.8%,86.7%)`
CMYK	19, 32, 0, 13
HSL	264.5°, 51.1, 72.7	`hsl(264.5,51.1%,72.7%)`
HSV (or HSB)	264.5°, 32.1, 86.7
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	66.989, 24.77, -32.144
XYZ	42.546, 36.617, 73.229
xyY	0.279, 0.24, 36.617
CIE-LCH	66.989, 40.581, 307.618
CIE-LUV	66.989, 10.343, -54.19
Hunter-Lab	60.512, 19.606, -29.392
Binary	10110011, 10010110, 11011101

#b396dd
```
#b396dd rgb(179,150,221)
```
#c0dd96
```
#c0dd96 rgb(192,221,150)
```

Complementary Color

#969ddd
```
#969ddd rgb(150,157,221)
```
#b396dd
```
#b396dd rgb(179,150,221)
```
#d796dd
```
#d796dd rgb(215,150,221)
```

Analogous Color

#9ddd96
```
#9ddd96 rgb(157,221,150)
```
#b396dd
```
#b396dd rgb(179,150,221)
```
#ddd796
```
#ddd796 rgb(221,215,150)
```

Split Complementary Color

#96ddb3
```
#96ddb3 rgb(150,221,179)
```
#b396dd
```
#b396dd rgb(179,150,221)
```
#ddb396
```
#ddb396 rgb(221,179,150)
```

Triadic Color

#96c0dd
```
#96c0dd rgb(150,192,221)
```
#b396dd
```
#b396dd rgb(179,150,221)
```
#ddb396
```
#ddb396 rgb(221,179,150)
```
#c0dd96
```
#c0dd96 rgb(192,221,150)
```

Tetradic Color

#895cca
```
#895cca rgb(137,92,202)
```
#976fd1
```
#976fd1 rgb(151,111,209)
```
#a583d7
```
#a583d7 rgb(165,131,215)
```
#b396dd
```
#b396dd rgb(179,150,221)
```
#c1a9e3
```
#c1a9e3 rgb(193,169,227)
```
#cfbde9
```
#cfbde9 rgb(207,189,233)
```
#ddd0f0
```
#ddd0f0 rgb(221,208,240)
```

Monochromatic Color

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

#a196dd
```
#a196dd rgb(161,150,221)
```
#a796dd
```
#a796dd rgb(167,150,221)
```
#ad96dd
```
#ad96dd rgb(173,150,221)
```
#b396dd
```
#b396dd rgb(179,150,221)
```
#b996dd
```
#b996dd rgb(185,150,221)
```
#bf96dd
```
#bf96dd rgb(191,150,221)
```
#c596dd
```
#c596dd rgb(197,150,221)
```

Similar Colors

Text with hexadecimal color #b396dd

This text has a font color of #b396dd.

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

#b396dd background color

This paragraph has a background color of #b396dd.

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

#b396dd border color

This element has a border color of #b396dd.

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

CSS codes

.text {color:#b396dd;}

.background {background-color:#b396dd;}

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

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, #08040e is the darkest color, while #fefeff is the lightest one.

#08040e
```
#08040e rgb(8,4,14)
```
#11091c
```
#11091c rgb(17,9,28)
```
#1a0e2b
```
#1a0e2b rgb(26,14,43)
```
#23133a
```
#23133a rgb(35,19,58)
```
#2c1849
```
#2c1849 rgb(44,24,73)
```
#351c58
```
#351c58 rgb(53,28,88)
```
#3d2166
```
#3d2166 rgb(61,33,102)
```
#462675
```
#462675 rgb(70,38,117)
```
#4f2b84
```
#4f2b84 rgb(79,43,132)
```
#583093
```
#583093 rgb(88,48,147)
```
#6134a2
```
#6134a2 rgb(97,52,162)
```
#6a39b1
```
#6a39b1 rgb(106,57,177)
```
#733ebf
```
#733ebf rgb(115,62,191)
```

Shade Color Variation

#7d4cc5
```
#7d4cc5 rgb(125,76,197)
```
#885bca
```
#885bca rgb(136,91,202)
```
#936acf
```
#936acf rgb(147,106,207)
```
#9e78d3
```
#9e78d3 rgb(158,120,211)
```
#a887d8
```
#a887d8 rgb(168,135,216)
```
#b396dd
```
#b396dd rgb(179,150,221)
```
#bea5e2
```
#bea5e2 rgb(190,165,226)
```
#c8b4e7
```
#c8b4e7 rgb(200,180,231)
```
#d3c2eb
```
#d3c2eb rgb(211,194,235)
```
#ded1f0
```
#ded1f0 rgb(222,209,240)
```
#e9e0f5
```
#e9e0f5 rgb(233,224,245)
```
#f3effa
```
#f3effa rgb(243,239,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#b9b6bd
```
#b9b6bd rgb(185,182,189)
```
#b8b1c2
```
#b8b1c2 rgb(184,177,194)
```
#b7abc8
```
#b7abc8 rgb(183,171,200)
```
#b6a6cd
```
#b6a6cd rgb(182,166,205)
```
#b5a1d2
```
#b5a1d2 rgb(181,161,210)
```
#b49bd8
```
#b49bd8 rgb(180,155,216)
```
#b396dd
```
#b396dd rgb(179,150,221)
```
#b291e2
```
#b291e2 rgb(178,145,226)
```
#b18be8
```
#b18be8 rgb(177,139,232)
```
#b086ed
```
#b086ed rgb(176,134,237)
```
#af81f2
```
#af81f2 rgb(175,129,242)
```
#ae7bf8
```
#ae7bf8 rgb(174,123,248)
```
#ad76fd
```
#ad76fd rgb(173,118,253)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9a4b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a5e5 Protanopia 1% of men
#98a5db Deuteranopia 1% of men
#ada5b0 Tritanopia 0.001% of the population

Trichromacy

#9e9fe2 Protanomaly 1% of men, 0.01% of women
#a29fdb Deuteranomaly 6% of men, 0.4% of women
#af9fc0 Tritanomaly 0.01% of the population

#b396dd hex color

#b396dd Color Information

#b396dd Color Conversion

Color Schemes with #b396dd

Alternatives to #b396dd

#b396dd Preview

Shades and Tints of #b396dd

Tones of #b396dd

Color Blindness Simulator