#b396cc hex color

In a RGB color space, hex #b396cc is composed of 70.2% red, 58.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 26.5% magenta, 0% yellow and 20% black. It has a hue angle of 272.2 degrees, a saturation of 34.6% and a lightness of 69.4%. #b396cc color hex could be obtained by blending #ffffff with #672d99. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 70
- G 59
- B 80
RGB color chart
- C 12
- M 26
- Y 0
- K 20
CMYK color chart

● #b396cc color description : Slightly desaturated violet.

The hexadecimal color #b396cc has RGB values of R:179, G:150, B:204 and CMYK values of C:0.12, M:0.26, Y:0, K:0.2. Its decimal value is 11769548.

Hex triplet	b396cc	`#b396cc`
RGB Decimal	179, 150, 204	`rgb(179,150,204)`
RGB Percent	70.2, 58.8, 80	`rgb(70.2%,58.8%,80%)`
CMYK	12, 26, 0, 20
HSL	272.2°, 34.6, 69.4	`hsl(272.2,34.6%,69.4%)`
HSV (or HSB)	272.2°, 26.5, 80
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	66.333, 21.036, -23.725
XYZ	40.394, 35.756, 61.897
xyY	0.293, 0.259, 35.756
CIE-LCH	66.333, 31.707, 311.562
CIE-LUV	66.333, 12.144, -39.888
Hunter-Lab	59.797, 15.937, -19.515
Binary	10110011, 10010110, 11001100

#b396cc
```
#b396cc rgb(179,150,204)
```
#afcc96
```
#afcc96 rgb(175,204,150)
```

Complementary Color

#9896cc
```
#9896cc rgb(152,150,204)
```
#b396cc
```
#b396cc rgb(179,150,204)
```
#cc96ca
```
#cc96ca rgb(204,150,202)
```

Analogous Color

#96cc98
```
#96cc98 rgb(150,204,152)
```
#b396cc
```
#b396cc rgb(179,150,204)
```
#cacc96
```
#cacc96 rgb(202,204,150)
```

Split Complementary Color

#96ccb3
```
#96ccb3 rgb(150,204,179)
```
#b396cc
```
#b396cc rgb(179,150,204)
```
#ccb396
```
#ccb396 rgb(204,179,150)
```

Triadic Color

#96afcc
```
#96afcc rgb(150,175,204)
```
#b396cc
```
#b396cc rgb(179,150,204)
```
#ccb396
```
#ccb396 rgb(204,179,150)
```
#afcc96
```
#afcc96 rgb(175,204,150)
```

Tetradic Color

#8e63b3
```
#8e63b3 rgb(142,99,179)
```
#9a74bb
```
#9a74bb rgb(154,116,187)
```
#a785c4
```
#a785c4 rgb(167,133,196)
```
#b396cc
```
#b396cc rgb(179,150,204)
```
#bfa7d4
```
#bfa7d4 rgb(191,167,212)
```
#ccb8dd
```
#ccb8dd rgb(204,184,221)
```
#d8c9e5
```
#d8c9e5 rgb(216,201,229)
```

Monochromatic Color

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

#a696cc
```
#a696cc rgb(166,150,204)
```
#aa96cc
```
#aa96cc rgb(170,150,204)
```
#af96cc
```
#af96cc rgb(175,150,204)
```
#b396cc
```
#b396cc rgb(179,150,204)
```
#b896cc
```
#b896cc rgb(184,150,204)
```
#bc96cc
```
#bc96cc rgb(188,150,204)
```
#c196cc
```
#c196cc rgb(193,150,204)
```

Similar Colors

Text with hexadecimal color #b396cc

This text has a font color of #b396cc.

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

#b396cc background color

This paragraph has a background color of #b396cc.

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

#b396cc border color

This element has a border color of #b396cc.

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

CSS codes

.text {color:#b396cc;}

.background {background-color:#b396cc;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#0b070e
```
#0b070e rgb(11,7,14)
```
#150d1b
```
#150d1b rgb(21,13,27)
```
#1f1428
```
#1f1428 rgb(31,20,40)
```
#291a35
```
#291a35 rgb(41,26,53)
```
#332043
```
#332043 rgb(51,32,67)
```
#3d2750
```
#3d2750 rgb(61,39,80)
```
#472d5d
```
#472d5d rgb(71,45,93)
```
#51346a
```
#51346a rgb(81,52,106)
```
#5b3a77
```
#5b3a77 rgb(91,58,119)
```
#654085
```
#654085 rgb(101,64,133)
```
#6f4792
```
#6f4792 rgb(111,71,146)
```
#794d9f
```
#794d9f rgb(121,77,159)
```

Shade Color Variation

#8354ac
```
#8354ac rgb(131,84,172)
```
#8d61b2
```
#8d61b2 rgb(141,97,178)
```
#966eb9
```
#966eb9 rgb(150,110,185)
```
#a07cbf
```
#a07cbf rgb(160,124,191)
```
#a989c6
```
#a989c6 rgb(169,137,198)
```
#b396cc
```
#b396cc rgb(179,150,204)
```
#bda3d2
```
#bda3d2 rgb(189,163,210)
```
#c6b0d9
```
#c6b0d9 rgb(198,176,217)
```
#d0bedf
```
#d0bedf rgb(208,190,223)
```
#d9cbe6
```
#d9cbe6 rgb(217,203,230)
```
#e3d8ec
```
#e3d8ec rgb(227,216,236)
```
#ece5f2
```
#ece5f2 rgb(236,229,242)
```
#f6f2f9
```
#f6f2f9 rgb(246,242,249)
```

Tint Color Variation

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

#b1aeb4
```
#b1aeb4 rgb(177,174,180)
```
#b2a8ba
```
#b2a8ba rgb(178,168,186)
```
#b2a2c0
```
#b2a2c0 rgb(178,162,192)
```
#b39cc6
```
#b39cc6 rgb(179,156,198)
```
#b396cc
```
#b396cc rgb(179,150,204)
```
#b390d2
```
#b390d2 rgb(179,144,210)
```
#b48ad8
```
#b48ad8 rgb(180,138,216)
```
#b484de
```
#b484de rgb(180,132,222)
```
#b57ee4
```
#b57ee4 rgb(181,126,228)
```
#b578ea
```
#b578ea rgb(181,120,234)
```
#b672f0
```
#b672f0 rgb(182,114,240)
```
#b66cf6
```
#b66cf6 rgb(182,108,246)
```
#b766fc
```
#b766fc rgb(183,102,252)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a8a2ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a4d4 Protanopia 1% of men
#a0a3cc Deuteranopia 1% of men
#b0a2ad Tritanopia 0.001% of the population

Trichromacy

#a29fd1 Protanomaly 1% of men, 0.01% of women
#a79ecc Deuteranomaly 6% of men, 0.4% of women
#b19db8 Tritanomaly 0.01% of the population

#b396cc hex color

#b396cc Color Information

#b396cc Color Conversion

Color Schemes with #b396cc

Alternatives to #b396cc

#b396cc Preview

Shades and Tints of #b396cc

Tones of #b396cc

Color Blindness Simulator