#9697b5 hex color

In a RGB color space, hex #9697b5 is composed of 58.8% red, 59.2% green and 71% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 16.6% magenta, 0% yellow and 29% black. It has a hue angle of 238.1 degrees, a saturation of 17.3% and a lightness of 64.9%. #9697b5 color hex could be obtained by blending #ffffff with #2d2f6b. Closest websafe color is: #9999cc.

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

● #9697b5 color description : Grayish blue.

The hexadecimal color #9697b5 has RGB values of R:150, G:151, B:181 and CMYK values of C:0.17, M:0.17, Y:0, K:0.29. Its decimal value is 9869237.

Hex triplet	9697b5	`#9697b5`
RGB Decimal	150, 151, 181	`rgb(150,151,181)`
RGB Percent	58.8, 59.2, 71	`rgb(58.8%,59.2%,71%)`
CMYK	17, 17, 0, 29
HSL	238.1°, 17.3, 64.9	`hsl(238.1,17.3%,64.9%)`
HSV (or HSB)	238.1°, 17.1, 71
Web Safe	9999cc	`#9999cc`

CIE-LAB	63.304, 5.946, -15.691
XYZ	31.983, 31.953, 48.196
xyY	0.285, 0.285, 31.953
CIE-LCH	63.304, 16.779, 290.755
CIE-LUV	63.304, -2.289, -24.579
Hunter-Lab	56.527, 2.073, -10.983
Binary	10010110, 10010111, 10110101

#9697b5
```
#9697b5 rgb(150,151,181)
```
#b5b496
```
#b5b496 rgb(181,180,150)
```

Complementary Color

#96a7b5
```
#96a7b5 rgb(150,167,181)
```
#9697b5
```
#9697b5 rgb(150,151,181)
```
#a596b5
```
#a596b5 rgb(165,150,181)
```

Analogous Color

#a7b596
```
#a7b596 rgb(167,181,150)
```
#9697b5
```
#9697b5 rgb(150,151,181)
```
#b5a596
```
#b5a596 rgb(181,165,150)
```

Split Complementary Color

#97b596
```
#97b596 rgb(151,181,150)
```
#9697b5
```
#9697b5 rgb(150,151,181)
```
#b59697
```
#b59697 rgb(181,150,151)
```

Triadic Color

#96b5b4
```
#96b5b4 rgb(150,181,180)
```
#9697b5
```
#9697b5 rgb(150,151,181)
```
#b59697
```
#b59697 rgb(181,150,151)
```
#b5b496
```
#b5b496 rgb(181,180,150)
```

Tetradic Color

#696b95
```
#696b95 rgb(105,107,149)
```
#7879a0
```
#7879a0 rgb(120,121,160)
```
#8788aa
```
#8788aa rgb(135,136,170)
```
#9697b5
```
#9697b5 rgb(150,151,181)
```
#a5a6c0
```
#a5a6c0 rgb(165,166,192)
```
#b4b5ca
```
#b4b5ca rgb(180,181,202)
```
#c3c3d5
```
#c3c3d5 rgb(195,195,213)
```

Monochromatic Color

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

#969fb5
```
#969fb5 rgb(150,159,181)
```
#969cb5
```
#969cb5 rgb(150,156,181)
```
#969ab5
```
#969ab5 rgb(150,154,181)
```
#9697b5
```
#9697b5 rgb(150,151,181)
```
#9896b5
```
#9896b5 rgb(152,150,181)
```
#9a96b5
```
#9a96b5 rgb(154,150,181)
```
#9d96b5
```
#9d96b5 rgb(157,150,181)
```

Similar Colors

Text with hexadecimal color #9697b5

This text has a font color of #9697b5.

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

#9697b5 background color

This paragraph has a background color of #9697b5.

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

#9697b5 border color

This element has a border color of #9697b5.

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

CSS codes

.text {color:#9697b5;}

.background {background-color:#9697b5;}

.border {border:1px solid #9697b5;}

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

#07070a
```
#07070a rgb(7,7,10)
```
#0f0f16
```
#0f0f16 rgb(15,15,22)
```
#171821
```
#171821 rgb(23,24,33)
```
#1f202d
```
#1f202d rgb(31,32,45)
```
#282838
```
#282838 rgb(40,40,56)
```
#303044
```
#303044 rgb(48,48,68)
```
#38384f
```
#38384f rgb(56,56,79)
```
#40415b
```
#40415b rgb(64,65,91)
```
#484966
```
#484966 rgb(72,73,102)
```
#505172
```
#505172 rgb(80,81,114)
```
#58597d
```
#58597d rgb(88,89,125)
```
#606289
```
#606289 rgb(96,98,137)
```
#686a94
```
#686a94 rgb(104,106,148)
```

Shade Color Variation

#73759d
```
#73759d rgb(115,117,157)
```
#7f80a5
```
#7f80a5 rgb(127,128,165)
```
#8a8cad
```
#8a8cad rgb(138,140,173)
```
#9697b5
```
#9697b5 rgb(150,151,181)
```
#a2a2bd
```
#a2a2bd rgb(162,162,189)
```
#adaec5
```
#adaec5 rgb(173,174,197)
```
#b9b9cd
```
#b9b9cd rgb(185,185,205)
```
#c4c5d5
```
#c4c5d5 rgb(196,197,213)
```
#d0d0de
```
#d0d0de rgb(208,208,222)
```
#dbdbe6
```
#dbdbe6 rgb(219,219,230)
```
#e7e7ee
```
#e7e7ee rgb(231,231,238)
```
#f2f2f6
```
#f2f2f6 rgb(242,242,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#a4a4a7
```
#a4a4a7 rgb(164,164,167)
```
#9d9dae
```
#9d9dae rgb(157,157,174)
```
#9697b5
```
#9697b5 rgb(150,151,181)
```
#8f91bc
```
#8f91bc rgb(143,145,188)
```
#888ac3
```
#888ac3 rgb(136,138,195)
```
#8184ca
```
#8184ca rgb(129,132,202)
```
#7a7dd1
```
#7a7dd1 rgb(122,125,209)
```
#7477d7
```
#7477d7 rgb(116,119,215)
```
#6d70de
```
#6d70de rgb(109,112,222)
```
#666ae5
```
#666ae5 rgb(102,106,229)
```
#5f63ec
```
#5f63ec rgb(95,99,236)
```
#585df3
```
#585df3 rgb(88,93,243)
```
#5157fa
```
#5157fa rgb(81,87,250)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#99999f Atypical Achromatopsia 0.001% of the population

Dichromacy

#989db9 Protanopia 1% of men
#9f9bb9 Deuteranopia 1% of men
#989faa Tritanopia 0.001% of the population

Trichromacy

#979ab7 Protanomaly 1% of men, 0.01% of women
#9c99b7 Deuteranomaly 6% of men, 0.4% of women
#979cae Tritanomaly 0.01% of the population

#9697b5 hex color

#9697b5 Color Information

#9697b5 Color Conversion

Color Schemes with #9697b5

Alternatives to #9697b5

#9697b5 Preview

Shades and Tints of #9697b5

Tones of #9697b5

Color Blindness Simulator