#b396fd hex color

In a RGB color space, hex #b396fd is composed of 70.2% red, 58.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 40.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 256.9 degrees, a saturation of 96.3% and a lightness of 79%. #b396fd color hex could be obtained by blending #ffffff with #672dfb. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 70
- G 59
- B 99
RGB color chart
- C 29
- M 41
- Y 0
- K 1
CMYK color chart

● #b396fd color description : Very soft violet.

The hexadecimal color #b396fd has RGB values of R:179, G:150, B:253 and CMYK values of C:0.29, M:0.41, Y:0, K:0.01. Its decimal value is 11769597.

Hex triplet	b396fd	`#b396fd`
RGB Decimal	179, 150, 253	`rgb(179,150,253)`
RGB Percent	70.2, 58.8, 99.2	`rgb(70.2%,58.8%,99.2%)`
CMYK	29, 41, 0, 1
HSL	256.9°, 96.3, 79	`hsl(256.9,96.3%,79%)`
HSV (or HSB)	256.9°, 40.7, 99.2
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	68.379, 32.311, -47.531
XYZ	47.223, 38.488, 97.864
xyY	0.257, 0.21, 38.488
CIE-LCH	68.379, 57.474, 304.207
CIE-LUV	68.379, 7.018, -80.944
Hunter-Lab	62.039, 27.305, -50.101
Binary	10110011, 10010110, 11111101

#b396fd
```
#b396fd rgb(179,150,253)
```
#e0fd96
```
#e0fd96 rgb(224,253,150)
```

Complementary Color

#96adfd
```
#96adfd rgb(150,173,253)
```
#b396fd
```
#b396fd rgb(179,150,253)
```
#e796fd
```
#e796fd rgb(231,150,253)
```

Analogous Color

#adfd96
```
#adfd96 rgb(173,253,150)
```
#b396fd
```
#b396fd rgb(179,150,253)
```
#fde796
```
#fde796 rgb(253,231,150)
```

Split Complementary Color

#96fdb3
```
#96fdb3 rgb(150,253,179)
```
#b396fd
```
#b396fd rgb(179,150,253)
```
#fdb396
```
#fdb396 rgb(253,179,150)
```

Triadic Color

#96e0fd
```
#96e0fd rgb(150,224,253)
```
#b396fd
```
#b396fd rgb(179,150,253)
```
#fdb396
```
#fdb396 rgb(253,179,150)
```
#e0fd96
```
#e0fd96 rgb(224,253,150)
```

Tetradic Color

#7d4bfc
```
#7d4bfc rgb(125,75,252)
```
#8f64fc
```
#8f64fc rgb(143,100,252)
```
#a17dfd
```
#a17dfd rgb(161,125,253)
```
#b396fd
```
#b396fd rgb(179,150,253)
```
#c5affd
```
#c5affd rgb(197,175,253)
```
#d7c8fe
```
#d7c8fe rgb(215,200,254)
```
#e9e1fe
```
#e9e1fe rgb(233,225,254)
```

Monochromatic Color

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

#9996fd
```
#9996fd rgb(153,150,253)
```
#a296fd
```
#a296fd rgb(162,150,253)
```
#aa96fd
```
#aa96fd rgb(170,150,253)
```
#b396fd
```
#b396fd rgb(179,150,253)
```
#bc96fd
```
#bc96fd rgb(188,150,253)
```
#c496fd
```
#c496fd rgb(196,150,253)
```
#cd96fd
```
#cd96fd rgb(205,150,253)
```

Similar Colors

Text with hexadecimal color #b396fd

This text has a font color of #b396fd.

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

#b396fd background color

This paragraph has a background color of #b396fd.

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

#b396fd border color

This element has a border color of #b396fd.

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

CSS codes

.text {color:#b396fd;}

.background {background-color:#b396fd;}

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

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, #03000a is the darkest color, while #f9f6ff is the lightest one.

#03000a
```
#03000a rgb(3,0,10)
```
#09011e
```
#09011e rgb(9,1,30)
```
#0e0131
```
#0e0131 rgb(14,1,49)
```
#140144
```
#140144 rgb(20,1,68)
```
#1a0257
```
#1a0257 rgb(26,2,87)
```
#20026b
```
#20026b rgb(32,2,107)
```
#25027e
```
#25027e rgb(37,2,126)
```
#2b0391
```
#2b0391 rgb(43,3,145)
```
#3103a4
```
#3103a4 rgb(49,3,164)
```
#3603b8
```
#3603b8 rgb(54,3,184)
```
#3c04cb
```
#3c04cb rgb(60,4,203)
```
#4204de
```
#4204de rgb(66,4,222)
```
#4705f1
```
#4705f1 rgb(71,5,241)
```

Shade Color Variation

#510ffa
```
#510ffa rgb(81,15,250)
```
#5f23fb
```
#5f23fb rgb(95,35,251)
```
#6d36fb
```
#6d36fb rgb(109,54,251)
```
#7b49fc
```
#7b49fc rgb(123,73,252)
```
#895cfc
```
#895cfc rgb(137,92,252)
```
#9770fc
```
#9770fc rgb(151,112,252)
```
#a583fd
```
#a583fd rgb(165,131,253)
```
#b396fd
```
#b396fd rgb(179,150,253)
```
#c1a9fd
```
#c1a9fd rgb(193,169,253)
```
#cfbcfe
```
#cfbcfe rgb(207,188,254)
```
#ddd0fe
```
#ddd0fe rgb(221,208,254)
```
#ebe3fe
```
#ebe3fe rgb(235,227,254)
```
#f9f6ff
```
#f9f6ff rgb(249,246,255)
```

Tint Color Variation

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

#c9c7cc
```
#c9c7cc rgb(201,199,204)
```
#c7c3d0
```
#c7c3d0 rgb(199,195,208)
```
#c5bfd4
```
#c5bfd4 rgb(197,191,212)
```
#c3bbd8
```
#c3bbd8 rgb(195,187,216)
```
#c1b7dc
```
#c1b7dc rgb(193,183,220)
```
#c0b3e0
```
#c0b3e0 rgb(192,179,224)
```
#beafe4
```
#beafe4 rgb(190,175,228)
```
#bcabe8
```
#bcabe8 rgb(188,171,232)
```
#baa6ed
```
#baa6ed rgb(186,166,237)
```
#b8a2f1
```
#b8a2f1 rgb(184,162,241)
```
#b79ef5
```
#b79ef5 rgb(183,158,245)
```
#b59af9
```
#b59af9 rgb(181,154,249)
```
#b396fd
```
#b396fd rgb(179,150,253)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#aca6bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a8ff Protanopia 1% of men
#85aaf7 Deuteranopia 1% of men
#a6abb7 Tritanopia 0.001% of the population

Trichromacy

#98a1fe Protanomaly 1% of men, 0.01% of women
#95a3f9 Deuteranomaly 6% of men, 0.4% of women
#aaa3d0 Tritanomaly 0.01% of the population

#b396fd hex color

#b396fd Color Information

#b396fd Color Conversion

Color Schemes with #b396fd

Alternatives to #b396fd

#b396fd Preview

Shades and Tints of #b396fd

Tones of #b396fd

Color Blindness Simulator