#b396fc hex color

In a RGB color space, hex #b396fc is composed of 70.2% red, 58.8% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 29% cyan, 40.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 257.1 degrees, a saturation of 94.4% and a lightness of 78.8%. #b396fc color hex could be obtained by blending #ffffff with #672df9. Closest websafe color is: #cc99ff.

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

● #b396fc color description : Very soft violet.

The hexadecimal color #b396fc has RGB values of R:179, G:150, B:252 and CMYK values of C:0.29, M:0.4, Y:0, K:0.01. Its decimal value is 11769596.

Hex triplet	b396fc	`#b396fc`
RGB Decimal	179, 150, 252	`rgb(179,150,252)`
RGB Percent	70.2, 58.8, 98.8	`rgb(70.2%,58.8%,98.8%)`
CMYK	29, 40, 0, 1
HSL	257.1°, 94.4, 78.8	`hsl(257.1,94.4%,78.8%)`
HSV (or HSB)	257.1°, 40.5, 98.8
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	68.332, 32.067, -47.06
XYZ	47.064, 38.425, 97.027
xyY	0.258, 0.211, 38.425
CIE-LCH	68.332, 56.946, 304.271
CIE-LUV	68.332, 7.12, -80.117
Hunter-Lab	61.988, 27.049, -49.414
Binary	10110011, 10010110, 11111100

#b396fc
```
#b396fc rgb(179,150,252)
```
#dffc96
```
#dffc96 rgb(223,252,150)
```

Complementary Color

#96acfc
```
#96acfc rgb(150,172,252)
```
#b396fc
```
#b396fc rgb(179,150,252)
```
#e696fc
```
#e696fc rgb(230,150,252)
```

Analogous Color

#acfc96
```
#acfc96 rgb(172,252,150)
```
#b396fc
```
#b396fc rgb(179,150,252)
```
#fce696
```
#fce696 rgb(252,230,150)
```

Split Complementary Color

#96fcb3
```
#96fcb3 rgb(150,252,179)
```
#b396fc
```
#b396fc rgb(179,150,252)
```
#fcb396
```
#fcb396 rgb(252,179,150)
```

Triadic Color

#96dffc
```
#96dffc rgb(150,223,252)
```
#b396fc
```
#b396fc rgb(179,150,252)
```
#fcb396
```
#fcb396 rgb(252,179,150)
```
#dffc96
```
#dffc96 rgb(223,252,150)
```

Tetradic Color

#7d4cfa
```
#7d4cfa rgb(125,76,250)
```
#8f64fb
```
#8f64fb rgb(143,100,251)
```
#a17dfb
```
#a17dfb rgb(161,125,251)
```
#b396fc
```
#b396fc rgb(179,150,252)
```
#c5affd
```
#c5affd rgb(197,175,253)
```
#d7c8fd
```
#d7c8fd rgb(215,200,253)
```
#e9e0fe
```
#e9e0fe rgb(233,224,254)
```

Monochromatic Color

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

#9a96fc
```
#9a96fc rgb(154,150,252)
```
#a296fc
```
#a296fc rgb(162,150,252)
```
#ab96fc
```
#ab96fc rgb(171,150,252)
```
#b396fc
```
#b396fc rgb(179,150,252)
```
#bc96fc
```
#bc96fc rgb(188,150,252)
```
#c496fc
```
#c496fc rgb(196,150,252)
```
#cd96fc
```
#cd96fc rgb(205,150,252)
```

Similar Colors

Text with hexadecimal color #b396fc

This text has a font color of #b396fc.

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

#b396fc background color

This paragraph has a background color of #b396fc.

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

#b396fc border color

This element has a border color of #b396fc.

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

CSS codes

.text {color:#b396fc;}

.background {background-color:#b396fc;}

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

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

#030009
```
#030009 rgb(3,0,9)
```
#09011c
```
#09011c rgb(9,1,28)
```
#0e0130
```
#0e0130 rgb(14,1,48)
```
#140243
```
#140243 rgb(20,2,67)
```
#1a0256
```
#1a0256 rgb(26,2,86)
```
#200369
```
#200369 rgb(32,3,105)
```
#26047c
```
#26047c rgb(38,4,124)
```
#2c048f
```
#2c048f rgb(44,4,143)
```
#3105a2
```
#3105a2 rgb(49,5,162)
```
#3705b5
```
#3705b5 rgb(55,5,181)
```
#3d06c8
```
#3d06c8 rgb(61,6,200)
```
#4306db
```
#4306db rgb(67,6,219)
```
#4907ee
```
#4907ee rgb(73,7,238)
```

Shade Color Variation

#5211f8
```
#5211f8 rgb(82,17,248)
```
#6024f9
```
#6024f9 rgb(96,36,249)
```
#6e37f9
```
#6e37f9 rgb(110,55,249)
```
#7c4afa
```
#7c4afa rgb(124,74,250)
```
#8a5dfa
```
#8a5dfa rgb(138,93,250)
```
#9770fb
```
#9770fb rgb(151,112,251)
```
#a583fb
```
#a583fb rgb(165,131,251)
```
#b396fc
```
#b396fc rgb(179,150,252)
```
#c1a9fd
```
#c1a9fd rgb(193,169,253)
```
#cfbcfd
```
#cfbcfd rgb(207,188,253)
```
#dccffe
```
#dccffe rgb(220,207,254)
```
#eae2fe
```
#eae2fe rgb(234,226,254)
```
#f8f5ff
```
#f8f5ff rgb(248,245,255)
```

Tint Color Variation

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

#c9c8ca
```
#c9c8ca rgb(201,200,202)
```
#c7c4ce
```
#c7c4ce rgb(199,196,206)
```
#c5c0d2
```
#c5c0d2 rgb(197,192,210)
```
#c3bbd7
```
#c3bbd7 rgb(195,187,215)
```
#c1b7db
```
#c1b7db rgb(193,183,219)
```
#c0b3df
```
#c0b3df rgb(192,179,223)
```
#beafe3
```
#beafe3 rgb(190,175,227)
```
#bcabe7
```
#bcabe7 rgb(188,171,231)
```
#baa7eb
```
#baa7eb rgb(186,167,235)
```
#b8a2f0
```
#b8a2f0 rgb(184,162,240)
```
#b79ef4
```
#b79ef4 rgb(183,158,244)
```
#b59af8
```
#b59af8 rgb(181,154,248)
```
#b396fc
```
#b396fc rgb(179,150,252)
```

Tone Color Variation

Below, you can see how #b396fc 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
#aca6ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a8ff Protanopia 1% of men
#86aaf6 Deuteranopia 1% of men
#a6abb7 Tritanopia 0.001% of the population

Trichromacy

#98a1fd Protanomaly 1% of men, 0.01% of women
#96a3f8 Deuteranomaly 6% of men, 0.4% of women
#aba3d0 Tritanomaly 0.01% of the population

#b396fc hex color

#b396fc Color Information

#b396fc Color Conversion

Color Schemes with #b396fc

Alternatives to #b396fc

#b396fc Preview

Shades and Tints of #b396fc

Tones of #b396fc

Color Blindness Simulator