#b396dc hex color

In a RGB color space, hex #b396dc is composed of 70.2% red, 58.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 31.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 264.9 degrees, a saturation of 50% and a lightness of 72.5%. #b396dc color hex could be obtained by blending #ffffff with #672db9. Closest websafe color is: #cc99cc.

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

● #b396dc color description : Very soft violet.

The hexadecimal color #b396dc has RGB values of R:179, G:150, B:220 and CMYK values of C:0.19, M:0.32, Y:0, K:0.14. Its decimal value is 11769564.

Hex triplet	b396dc	`#b396dc`
RGB Decimal	179, 150, 220	`rgb(179,150,220)`
RGB Percent	70.2, 58.8, 86.3	`rgb(70.2%,58.8%,86.3%)`
CMYK	19, 32, 0, 14
HSL	264.9°, 50, 72.5	`hsl(264.9,50%,72.5%)`
HSV (or HSB)	264.9°, 31.8, 86.3
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	66.949, 24.545, -31.654
XYZ	42.413, 36.564, 72.529
xyY	0.28, 0.241, 36.564
CIE-LCH	66.949, 40.055, 307.791
CIE-LUV	66.949, 10.449, -53.348
Hunter-Lab	60.468, 19.382, -28.789
Binary	10110011, 10010110, 11011100

#b396dc
```
#b396dc rgb(179,150,220)
```
#bfdc96
```
#bfdc96 rgb(191,220,150)
```

Complementary Color

#969cdc
```
#969cdc rgb(150,156,220)
```
#b396dc
```
#b396dc rgb(179,150,220)
```
#d696dc
```
#d696dc rgb(214,150,220)
```

Analogous Color

#9cdc96
```
#9cdc96 rgb(156,220,150)
```
#b396dc
```
#b396dc rgb(179,150,220)
```
#dcd696
```
#dcd696 rgb(220,214,150)
```

Split Complementary Color

#96dcb3
```
#96dcb3 rgb(150,220,179)
```
#b396dc
```
#b396dc rgb(179,150,220)
```
#dcb396
```
#dcb396 rgb(220,179,150)
```

Triadic Color

#96bfdc
```
#96bfdc rgb(150,191,220)
```
#b396dc
```
#b396dc rgb(179,150,220)
```
#dcb396
```
#dcb396 rgb(220,179,150)
```
#bfdc96
```
#bfdc96 rgb(191,220,150)
```

Tetradic Color

#895dc9
```
#895dc9 rgb(137,93,201)
```
#9770cf
```
#9770cf rgb(151,112,207)
```
#a583d6
```
#a583d6 rgb(165,131,214)
```
#b396dc
```
#b396dc rgb(179,150,220)
```
#c1a9e2
```
#c1a9e2 rgb(193,169,226)
```
#cfbce9
```
#cfbce9 rgb(207,188,233)
```
#ddcfef
```
#ddcfef rgb(221,207,239)
```

Monochromatic Color

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

#a296dc
```
#a296dc rgb(162,150,220)
```
#a796dc
```
#a796dc rgb(167,150,220)
```
#ad96dc
```
#ad96dc rgb(173,150,220)
```
#b396dc
```
#b396dc rgb(179,150,220)
```
#b996dc
```
#b996dc rgb(185,150,220)
```
#bf96dc
```
#bf96dc rgb(191,150,220)
```
#c596dc
```
#c596dc rgb(197,150,220)
```

Similar Colors

Text with hexadecimal color #b396dc

This text has a font color of #b396dc.

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

#b396dc background color

This paragraph has a background color of #b396dc.

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

#b396dc border color

This element has a border color of #b396dc.

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

CSS codes

.text {color:#b396dc;}

.background {background-color:#b396dc;}

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

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

#08040d
```
#08040d rgb(8,4,13)
```
#11091b
```
#11091b rgb(17,9,27)
```
#1a0e2a
```
#1a0e2a rgb(26,14,42)
```
#231339
```
#231339 rgb(35,19,57)
```
#2c1848
```
#2c1848 rgb(44,24,72)
```
#351d56
```
#351d56 rgb(53,29,86)
```
#3e2265
```
#3e2265 rgb(62,34,101)
```
#472774
```
#472774 rgb(71,39,116)
```
#4f2b82
```
#4f2b82 rgb(79,43,130)
```
#583091
```
#583091 rgb(88,48,145)
```
#6135a0
```
#6135a0 rgb(97,53,160)
```
#6a3aaf
```
#6a3aaf rgb(106,58,175)
```
#733fbd
```
#733fbd rgb(115,63,189)
```

Shade Color Variation

#7e4cc3
```
#7e4cc3 rgb(126,76,195)
```
#885bc8
```
#885bc8 rgb(136,91,200)
```
#936acd
```
#936acd rgb(147,106,205)
```
#9e79d2
```
#9e79d2 rgb(158,121,210)
```
#a887d7
```
#a887d7 rgb(168,135,215)
```
#b396dc
```
#b396dc rgb(179,150,220)
```
#bea5e1
```
#bea5e1 rgb(190,165,225)
```
#c8b3e6
```
#c8b3e6 rgb(200,179,230)
```
#d3c2eb
```
#d3c2eb rgb(211,194,235)
```
#ded1f0
```
#ded1f0 rgb(222,209,240)
```
#e8e0f5
```
#e8e0f5 rgb(232,224,245)
```
#f3eef9
```
#f3eef9 rgb(243,238,249)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#b9b6bc
```
#b9b6bc rgb(185,182,188)
```
#b8b1c1
```
#b8b1c1 rgb(184,177,193)
```
#b7acc6
```
#b7acc6 rgb(183,172,198)
```
#b6a6cc
```
#b6a6cc rgb(182,166,204)
```
#b5a1d1
```
#b5a1d1 rgb(181,161,209)
```
#b49bd7
```
#b49bd7 rgb(180,155,215)
```
#b396dc
```
#b396dc rgb(179,150,220)
```
#b291e1
```
#b291e1 rgb(178,145,225)
```
#b18be7
```
#b18be7 rgb(177,139,231)
```
#b086ec
```
#b086ec rgb(176,134,236)
```
#af80f2
```
#af80f2 rgb(175,128,242)
```
#ae7bf7
```
#ae7bf7 rgb(174,123,247)
```
#ad76fc
```
#ad76fc rgb(173,118,252)
```

Tone Color Variation

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

#92a5e4 Protanopia 1% of men
#99a5da Deuteranopia 1% of men
#ada4b0 Tritanopia 0.001% of the population

Trichromacy

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

#b396dc hex color

#b396dc Color Information

#b396dc Color Conversion

Color Schemes with #b396dc

Alternatives to #b396dc

#b396dc Preview

Shades and Tints of #b396dc

Tones of #b396dc

Color Blindness Simulator