#b697f4 hex color

In a RGB color space, hex #b697f4 is composed of 71.4% red, 59.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 25.4% cyan, 38.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 260 degrees, a saturation of 80.9% and a lightness of 77.5%. #b697f4 color hex could be obtained by blending #ffffff with #6d2fe9. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 71
- G 59
- B 96
RGB color chart
- C 25
- M 38
- Y 0
- K 4
CMYK color chart

● #b697f4 color description : Very soft violet.

The hexadecimal color #b697f4 has RGB values of R:182, G:151, B:244 and CMYK values of C:0.25, M:0.38, Y:0, K:0.04. Its decimal value is 11966452.

Hex triplet	b697f4	`#b697f4`
RGB Decimal	182, 151, 244	`rgb(182,151,244)`
RGB Percent	71.4, 59.2, 95.7	`rgb(71.4%,59.2%,95.7%)`
CMYK	25, 38, 0, 4
HSL	260°, 80.9, 77.5	`hsl(260,80.9%,77.5%)`
HSV (or HSB)	260°, 38.1, 95.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	68.468, 30.415, -42.462
XYZ	46.684, 38.61, 90.576
xyY	0.265, 0.22, 38.61
CIE-LCH	68.468, 52.232, 305.614
CIE-LUV	68.468, 9.088, -72.264
Hunter-Lab	62.137, 25.37, -42.93
Binary	10110110, 10010111, 11110100

#b697f4
```
#b697f4 rgb(182,151,244)
```
#d5f497
```
#d5f497 rgb(213,244,151)
```

Complementary Color

#97a7f4
```
#97a7f4 rgb(151,167,244)
```
#b697f4
```
#b697f4 rgb(182,151,244)
```
#e597f4
```
#e597f4 rgb(229,151,244)
```

Analogous Color

#a7f497
```
#a7f497 rgb(167,244,151)
```
#b697f4
```
#b697f4 rgb(182,151,244)
```
#f4e597
```
#f4e597 rgb(244,229,151)
```

Split Complementary Color

#97f4b6
```
#97f4b6 rgb(151,244,182)
```
#b697f4
```
#b697f4 rgb(182,151,244)
```
#f4b697
```
#f4b697 rgb(244,182,151)
```

Triadic Color

#97d5f4
```
#97d5f4 rgb(151,213,244)
```
#b697f4
```
#b697f4 rgb(182,151,244)
```
#f4b697
```
#f4b697 rgb(244,182,151)
```
#d5f497
```
#d5f497 rgb(213,244,151)
```

Tetradic Color

#8552ed
```
#8552ed rgb(133,82,237)
```
#9669ef
```
#9669ef rgb(150,105,239)
```
#a680f2
```
#a680f2 rgb(166,128,242)
```
#b697f4
```
#b697f4 rgb(182,151,244)
```
#c6aef6
```
#c6aef6 rgb(198,174,246)
```
#d6c5f9
```
#d6c5f9 rgb(214,197,249)
```
#e7dcfb
```
#e7dcfb rgb(231,220,251)
```

Monochromatic Color

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

#9f97f4
```
#9f97f4 rgb(159,151,244)
```
#a797f4
```
#a797f4 rgb(167,151,244)
```
#ae97f4
```
#ae97f4 rgb(174,151,244)
```
#b697f4
```
#b697f4 rgb(182,151,244)
```
#be97f4
```
#be97f4 rgb(190,151,244)
```
#c697f4
```
#c697f4 rgb(198,151,244)
```
#cd97f4
```
#cd97f4 rgb(205,151,244)
```

Similar Colors

Text with hexadecimal color #b697f4

This text has a font color of #b697f4.

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

#b697f4 background color

This paragraph has a background color of #b697f4.

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

#b697f4 border color

This element has a border color of #b697f4.

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

CSS codes

.text {color:#b697f4;}

.background {background-color:#b697f4;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#080214
```
#080214 rgb(8,2,20)
```
#0f0426
```
#0f0426 rgb(15,4,38)
```
#160638
```
#160638 rgb(22,6,56)
```
#1e0849
```
#1e0849 rgb(30,8,73)
```
#250a5b
```
#250a5b rgb(37,10,91)
```
#2c0c6d
```
#2c0c6d rgb(44,12,109)
```
#330d7f
```
#330d7f rgb(51,13,127)
```
#3a0f90
```
#3a0f90 rgb(58,15,144)
```
#4111a2
```
#4111a2 rgb(65,17,162)
```
#4913b4
```
#4913b4 rgb(73,19,180)
```
#5015c6
```
#5015c6 rgb(80,21,198)
```
#5717d7
```
#5717d7 rgb(87,23,215)
```

Shade Color Variation

#5f1be7
```
#5f1be7 rgb(95,27,231)
```
#6b2de9
```
#6b2de9 rgb(107,45,233)
```
#783eeb
```
#783eeb rgb(120,62,235)
```
#8450ec
```
#8450ec rgb(132,80,236)
```
#9162ee
```
#9162ee rgb(145,98,238)
```
#9d74f0
```
#9d74f0 rgb(157,116,240)
```
#aa85f2
```
#aa85f2 rgb(170,133,242)
```
#b697f4
```
#b697f4 rgb(182,151,244)
```
#c2a9f6
```
#c2a9f6 rgb(194,169,246)
```
#cfbaf8
```
#cfbaf8 rgb(207,186,248)
```
#dbccfa
```
#dbccfa rgb(219,204,250)
```
#e8defc
```
#e8defc rgb(232,222,252)
```
#f4f0fd
```
#f4f0fd rgb(244,240,253)
```

Tint Color Variation

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

#c5c3c8
```
#c5c3c8 rgb(197,195,200)
```
#c3bfcc
```
#c3bfcc rgb(195,191,204)
```
#c2bad1
```
#c2bad1 rgb(194,186,209)
```
#c0b6d5
```
#c0b6d5 rgb(192,182,213)
```
#bfb2d9
```
#bfb2d9 rgb(191,178,217)
```
#bdadde
```
#bdadde rgb(189,173,222)
```
#bca9e2
```
#bca9e2 rgb(188,169,226)
```
#baa4e7
```
#baa4e7 rgb(186,164,231)
```
#b9a0eb
```
#b9a0eb rgb(185,160,235)
```
#b79bf0
```
#b79bf0 rgb(183,155,240)
```
#b697f4
```
#b697f4 rgb(182,151,244)
```
#b593f8
```
#b593f8 rgb(181,147,248)
```
#b38efd
```
#b38efd rgb(179,142,253)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#ada7ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa8fd Protanopia 1% of men
#8eaaef Deuteranopia 1% of men
#abaab6 Tritanopia 0.001% of the population

Trichromacy

#9aa2fa Protanomaly 1% of men, 0.01% of women
#9ca3f1 Deuteranomaly 6% of men, 0.4% of women
#afa3cc Tritanomaly 0.01% of the population

#b697f4 hex color

#b697f4 Color Information

#b697f4 Color Conversion

Color Schemes with #b697f4

Alternatives to #b697f4

#b697f4 Preview

Shades and Tints of #b697f4

Tones of #b697f4

Color Blindness Simulator