#b696ff hex color

In a RGB color space, hex #b696ff is composed of 71.4% red, 58.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 41.2% magenta, 0% yellow and 0% black. It has a hue angle of 258.3 degrees, a saturation of 100% and a lightness of 79.4%. #b696ff color hex could be obtained by blending #ffffff with #6d2dff. Closest websafe color is: #cc99ff.

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

● #b696ff color description : Very light violet.

The hexadecimal color #b696ff has RGB values of R:182, G:150, B:255 and CMYK values of C:0.29, M:0.41, Y:0, K:0. Its decimal value is 11966207.

Hex triplet	b696ff	`#b696ff`
RGB Decimal	182, 150, 255	`rgb(182,150,255)`
RGB Percent	71.4, 58.8, 100	`rgb(71.4%,58.8%,100%)`
CMYK	29, 41, 0, 0
HSL	258.3°, 100, 79.4	`hsl(258.3,100%,79.4%)`
HSV (or HSB)	258.3°, 41.2, 100
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	68.735, 33.61, -48.041
XYZ	48.245, 38.978, 99.584
xyY	0.258, 0.209, 38.978
CIE-LCH	68.735, 58.631, 304.977
CIE-LUV	68.735, 8.305, -82.034
Hunter-Lab	62.432, 28.68, -50.87
Binary	10110110, 10010110, 11111111

#b696ff
```
#b696ff rgb(182,150,255)
```
#dfff96
```
#dfff96 rgb(223,255,150)
```

Complementary Color

#96abff
```
#96abff rgb(150,171,255)
```
#b696ff
```
#b696ff rgb(182,150,255)
```
#eb96ff
```
#eb96ff rgb(235,150,255)
```

Analogous Color

#abff96
```
#abff96 rgb(171,255,150)
```
#b696ff
```
#b696ff rgb(182,150,255)
```
#ffeb96
```
#ffeb96 rgb(255,235,150)
```

Split Complementary Color

#96ffb6
```
#96ffb6 rgb(150,255,182)
```
#b696ff
```
#b696ff rgb(182,150,255)
```
#ffb696
```
#ffb696 rgb(255,182,150)
```

Triadic Color

#96dfff
```
#96dfff rgb(150,223,255)
```
#b696ff
```
#b696ff rgb(182,150,255)
```
#ffb696
```
#ffb696 rgb(255,182,150)
```
#dfff96
```
#dfff96 rgb(223,255,150)
```

Tetradic Color

#814aff
```
#814aff rgb(129,74,255)
```
#9363ff
```
#9363ff rgb(147,99,255)
```
#a47dff
```
#a47dff rgb(164,125,255)
```
#b696ff
```
#b696ff rgb(182,150,255)
```
#c8b0ff
```
#c8b0ff rgb(200,176,255)
```
#d9c9ff
```
#d9c9ff rgb(217,201,255)
```
#ebe3ff
```
#ebe3ff rgb(235,227,255)
```

Monochromatic Color

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

#9c96ff
```
#9c96ff rgb(156,150,255)
```
#a596ff
```
#a596ff rgb(165,150,255)
```
#ad96ff
```
#ad96ff rgb(173,150,255)
```
#b696ff
```
#b696ff rgb(182,150,255)
```
#bf96ff
```
#bf96ff rgb(191,150,255)
```
#c896ff
```
#c896ff rgb(200,150,255)
```
#d096ff
```
#d096ff rgb(208,150,255)
```

Similar Colors

Text with hexadecimal color #b696ff

This text has a font color of #b696ff.

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

#b696ff background color

This paragraph has a background color of #b696ff.

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

#b696ff border color

This element has a border color of #b696ff.

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

CSS codes

.text {color:#b696ff;}

.background {background-color:#b696ff;}

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

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

#04000d
```
#04000d rgb(4,0,13)
```
#0a0020
```
#0a0020 rgb(10,0,32)
```
#100034
```
#100034 rgb(16,0,52)
```
#160048
```
#160048 rgb(22,0,72)
```
#1c005b
```
#1c005b rgb(28,0,91)
```
#22006f
```
#22006f rgb(34,0,111)
```
#280082
```
#280082 rgb(40,0,130)
```
#2e0096
```
#2e0096 rgb(46,0,150)
```
#3400aa
```
#3400aa rgb(52,0,170)
```
#3a00bd
```
#3a00bd rgb(58,0,189)
```
#4000d1
```
#4000d1 rgb(64,0,209)
```
#4600e4
```
#4600e4 rgb(70,0,228)
```
#4c00f8
```
#4c00f8 rgb(76,0,248)
```

Shade Color Variation

#570dff
```
#570dff rgb(87,13,255)
```
#6420ff
```
#6420ff rgb(100,32,255)
```
#7234ff
```
#7234ff rgb(114,52,255)
```
#7f48ff
```
#7f48ff rgb(127,72,255)
```
#8d5bff
```
#8d5bff rgb(141,91,255)
```
#9b6fff
```
#9b6fff rgb(155,111,255)
```
#a882ff
```
#a882ff rgb(168,130,255)
```
#b696ff
```
#b696ff rgb(182,150,255)
```
#c4aaff
```
#c4aaff rgb(196,170,255)
```
#d1bdff
```
#d1bdff rgb(209,189,255)
```
#dfd1ff
```
#dfd1ff rgb(223,209,255)
```
#ede4ff
```
#ede4ff rgb(237,228,255)
```
#faf8ff
```
#faf8ff rgb(250,248,255)
```

Tint Color Variation

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

#c9c6cf
```
#c9c6cf rgb(201,198,207)
```
#c7c2d3
```
#c7c2d3 rgb(199,194,211)
```
#c6bed7
```
#c6bed7 rgb(198,190,215)
```
#c4badb
```
#c4badb rgb(196,186,219)
```
#c3b6df
```
#c3b6df rgb(195,182,223)
```
#c1b2e3
```
#c1b2e3 rgb(193,178,227)
```
#bfaee7
```
#bfaee7 rgb(191,174,231)
```
#beaaeb
```
#beaaeb rgb(190,170,235)
```
#bca6ef
```
#bca6ef rgb(188,166,239)
```
#bba2f3
```
#bba2f3 rgb(187,162,243)
```
#b99ef7
```
#b99ef7 rgb(185,158,247)
```
#b89afb
```
#b89afb rgb(184,154,251)
```
#b696ff
```
#b696ff rgb(182,150,255)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#aea8bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa9ff Protanopia 1% of men
#85abf9 Deuteranopia 1% of men
#a8abb8 Tritanopia 0.001% of the population

Trichromacy

#9aa2ff Protanomaly 1% of men, 0.01% of women
#97a3fb Deuteranomaly 6% of men, 0.4% of women
#ada3d1 Tritanomaly 0.01% of the population

#b696ff hex color

#b696ff Color Information

#b696ff Color Conversion

Color Schemes with #b696ff

Alternatives to #b696ff

#b696ff Preview

Shades and Tints of #b696ff

Tones of #b696ff

Color Blindness Simulator