#b396f0 hex color

In a RGB color space, hex #b396f0 is composed of 70.2% red, 58.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 25.4% cyan, 37.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 259.3 degrees, a saturation of 75% and a lightness of 76.5%. #b396f0 color hex could be obtained by blending #ffffff with #672de1. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 70
- G 59
- B 94
RGB color chart
- C 25
- M 38
- Y 0
- K 6
CMYK color chart

● #b396f0 color description : Very soft violet.

The hexadecimal color #b396f0 has RGB values of R:179, G:150, B:240 and CMYK values of C:0.25, M:0.38, Y:0, K:0.06. Its decimal value is 11769584.

Hex triplet	b396f0	`#b396f0`
RGB Decimal	179, 150, 240	`rgb(179,150,240)`
RGB Percent	70.2, 58.8, 94.1	`rgb(70.2%,58.8%,94.1%)`
CMYK	25, 38, 0, 6
HSL	259.3°, 75, 76.5	`hsl(259.3,75%,76.5%)`
HSV (or HSB)	259.3°, 37.5, 94.1
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	67.79, 29.175, -41.354
XYZ	45.222, 37.688, 87.325
xyY	0.266, 0.221, 37.688
CIE-LCH	67.79, 50.61, 305.203
CIE-LUV	67.79, 8.354, -70.137
Hunter-Lab	61.39, 24.056, -41.365
Binary	10110011, 10010110, 11110000

#b396f0
```
#b396f0 rgb(179,150,240)
```
#d3f096
```
#d3f096 rgb(211,240,150)
```

Complementary Color

#96a6f0
```
#96a6f0 rgb(150,166,240)
```
#b396f0
```
#b396f0 rgb(179,150,240)
```
#e096f0
```
#e096f0 rgb(224,150,240)
```

Analogous Color

#a6f096
```
#a6f096 rgb(166,240,150)
```
#b396f0
```
#b396f0 rgb(179,150,240)
```
#f0e096
```
#f0e096 rgb(240,224,150)
```

Split Complementary Color

#96f0b3
```
#96f0b3 rgb(150,240,179)
```
#b396f0
```
#b396f0 rgb(179,150,240)
```
#f0b396
```
#f0b396 rgb(240,179,150)
```

Triadic Color

#96d3f0
```
#96d3f0 rgb(150,211,240)
```
#b396f0
```
#b396f0 rgb(179,150,240)
```
#f0b396
```
#f0b396 rgb(240,179,150)
```
#d3f096
```
#d3f096 rgb(211,240,150)
```

Tetradic Color

#8353e6
```
#8353e6 rgb(131,83,230)
```
#9369ea
```
#9369ea rgb(147,105,234)
```
#a380ed
```
#a380ed rgb(163,128,237)
```
#b396f0
```
#b396f0 rgb(179,150,240)
```
#c3acf3
```
#c3acf3 rgb(195,172,243)
```
#d3c3f6
```
#d3c3f6 rgb(211,195,246)
```
#e3d9fa
```
#e3d9fa rgb(227,217,250)
```

Monochromatic Color

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

#9d96f0
```
#9d96f0 rgb(157,150,240)
```
#a496f0
```
#a496f0 rgb(164,150,240)
```
#ac96f0
```
#ac96f0 rgb(172,150,240)
```
#b396f0
```
#b396f0 rgb(179,150,240)
```
#bb96f0
```
#bb96f0 rgb(187,150,240)
```
#c296f0
```
#c296f0 rgb(194,150,240)
```
#ca96f0
```
#ca96f0 rgb(202,150,240)
```

Similar Colors

Text with hexadecimal color #b396f0

This text has a font color of #b396f0.

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

#b396f0 background color

This paragraph has a background color of #b396f0.

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

#b396f0 border color

This element has a border color of #b396f0.

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

CSS codes

.text {color:#b396f0;}

.background {background-color:#b396f0;}

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

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, #06020f is the darkest color, while #fefdff is the lightest one.

#06020f
```
#06020f rgb(6,2,15)
```
#0e0520
```
#0e0520 rgb(14,5,32)
```
#150731
```
#150731 rgb(21,7,49)
```
#1c0a43
```
#1c0a43 rgb(28,10,67)
```
#230c54
```
#230c54 rgb(35,12,84)
```
#2a0e65
```
#2a0e65 rgb(42,14,101)
```
#321176
```
#321176 rgb(50,17,118)
```
#391387
```
#391387 rgb(57,19,135)
```
#401698
```
#401698 rgb(64,22,152)
```
#4718aa
```
#4718aa rgb(71,24,170)
```
#4e1bbb
```
#4e1bbb rgb(78,27,187)
```
#551dcc
```
#551dcc rgb(85,29,204)
```
#5d20dd
```
#5d20dd rgb(93,32,221)
```

Shade Color Variation

#682fe1
```
#682fe1 rgb(104,47,225)
```
#7540e4
```
#7540e4 rgb(117,64,228)
```
#8151e6
```
#8151e6 rgb(129,81,230)
```
#8e63e9
```
#8e63e9 rgb(142,99,233)
```
#9a74eb
```
#9a74eb rgb(154,116,235)
```
#a785ee
```
#a785ee rgb(167,133,238)
```
#b396f0
```
#b396f0 rgb(179,150,240)
```
#bfa7f2
```
#bfa7f2 rgb(191,167,242)
```
#ccb8f5
```
#ccb8f5 rgb(204,184,245)
```
#d8c9f7
```
#d8c9f7 rgb(216,201,247)
```
#e5dbfa
```
#e5dbfa rgb(229,219,250)
```
#f1ecfc
```
#f1ecfc rgb(241,236,252)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#c2c0c6
```
#c2c0c6 rgb(194,192,198)
```
#c0bbcb
```
#c0bbcb rgb(192,187,203)
```
#beb6d0
```
#beb6d0 rgb(190,182,208)
```
#bdb2d4
```
#bdb2d4 rgb(189,178,212)
```
#bbadd9
```
#bbadd9 rgb(187,173,217)
```
#baa8de
```
#baa8de rgb(186,168,222)
```
#b8a4e2
```
#b8a4e2 rgb(184,164,226)
```
#b69fe7
```
#b69fe7 rgb(182,159,231)
```
#b59beb
```
#b59beb rgb(181,155,235)
```
#b396f0
```
#b396f0 rgb(179,150,240)
```
#b191f5
```
#b191f5 rgb(177,145,245)
```
#b08df9
```
#b08df9 rgb(176,141,249)
```
#ae88fe
```
#ae88fe rgb(174,136,254)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aba5b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa7f9 Protanopia 1% of men
#8ea8ec Deuteranopia 1% of men
#a9a8b4 Tritanopia 0.001% of the population

Trichromacy

#99a0f5 Protanomaly 1% of men, 0.01% of women
#9ba1ed Deuteranomaly 6% of men, 0.4% of women
#aca1ca Tritanomaly 0.01% of the population

#b396f0 hex color

#b396f0 Color Information

#b396f0 Color Conversion

Color Schemes with #b396f0

Alternatives to #b396f0

#b396f0 Preview

Shades and Tints of #b396f0

Tones of #b396f0

Color Blindness Simulator