#9697b2 hex color

In a RGB color space, hex #9697b2 is composed of 58.8% red, 59.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 15.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 237.9 degrees, a saturation of 15.4% and a lightness of 64.3%. #9697b2 color hex could be obtained by blending #ffffff with #2d2f65. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 59
- G 59
- B 70
RGB color chart
- C 16
- M 15
- Y 0
- K 30
CMYK color chart

● #9697b2 color description : Dark grayish blue.

The hexadecimal color #9697b2 has RGB values of R:150, G:151, B:178 and CMYK values of C:0.16, M:0.15, Y:0, K:0.3. Its decimal value is 9869234.

Hex triplet	9697b2	`#9697b2`
RGB Decimal	150, 151, 178	`rgb(150,151,178)`
RGB Percent	58.8, 59.2, 69.8	`rgb(58.8%,59.2%,69.8%)`
CMYK	16, 15, 0, 30
HSL	237.9°, 15.4, 64.3	`hsl(237.9,15.4%,64.3%)`
HSV (or HSB)	237.9°, 15.7, 69.8
Web Safe	999999	`#999999`

CIE-LAB	63.203, 5.274, -14.155
XYZ	31.679, 31.831, 46.592
xyY	0.288, 0.289, 31.831
CIE-LCH	63.203, 15.105, 290.435
CIE-LUV	63.203, -2.113, -22.073
Hunter-Lab	56.419, 1.491, -9.469
Binary	10010110, 10010111, 10110010

#9697b2
```
#9697b2 rgb(150,151,178)
```
#b2b196
```
#b2b196 rgb(178,177,150)
```

Complementary Color

#96a5b2
```
#96a5b2 rgb(150,165,178)
```
#9697b2
```
#9697b2 rgb(150,151,178)
```
#a396b2
```
#a396b2 rgb(163,150,178)
```

Analogous Color

#a5b296
```
#a5b296 rgb(165,178,150)
```
#9697b2
```
#9697b2 rgb(150,151,178)
```
#b2a396
```
#b2a396 rgb(178,163,150)
```

Split Complementary Color

#97b296
```
#97b296 rgb(151,178,150)
```
#9697b2
```
#9697b2 rgb(150,151,178)
```
#b29697
```
#b29697 rgb(178,150,151)
```

Triadic Color

#96b2b1
```
#96b2b1 rgb(150,178,177)
```
#9697b2
```
#9697b2 rgb(150,151,178)
```
#b29697
```
#b29697 rgb(178,150,151)
```
#b2b196
```
#b2b196 rgb(178,177,150)
```

Tetradic Color

#6a6c91
```
#6a6c91 rgb(106,108,145)
```
#797a9c
```
#797a9c rgb(121,122,156)
```
#8788a7
```
#8788a7 rgb(135,136,167)
```
#9697b2
```
#9697b2 rgb(150,151,178)
```
#a5a6bd
```
#a5a6bd rgb(165,166,189)
```
#b3b4c8
```
#b3b4c8 rgb(179,180,200)
```
#c2c3d2
```
#c2c3d2 rgb(194,195,210)
```

Monochromatic Color

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

#969eb2
```
#969eb2 rgb(150,158,178)
```
#969cb2
```
#969cb2 rgb(150,156,178)
```
#9699b2
```
#9699b2 rgb(150,153,178)
```
#9697b2
```
#9697b2 rgb(150,151,178)
```
#9796b2
```
#9796b2 rgb(151,150,178)
```
#9a96b2
```
#9a96b2 rgb(154,150,178)
```
#9c96b2
```
#9c96b2 rgb(156,150,178)
```

Similar Colors

Text with hexadecimal color #9697b2

This text has a font color of #9697b2.

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

#9697b2 background color

This paragraph has a background color of #9697b2.

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

#9697b2 border color

This element has a border color of #9697b2.

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

CSS codes

.text {color:#9697b2;}

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

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

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

#060608
```
#060608 rgb(6,6,8)
```
#0e0e13
```
#0e0e13 rgb(14,14,19)
```
#17171f
```
#17171f rgb(23,23,31)
```
#1f1f2a
```
#1f1f2a rgb(31,31,42)
```
#272835
```
#272835 rgb(39,40,53)
```
#2f3041
```
#2f3041 rgb(47,48,65)
```
#38394c
```
#38394c rgb(56,57,76)
```
#404157
```
#404157 rgb(64,65,87)
```
#484963
```
#484963 rgb(72,73,99)
```
#51526e
```
#51526e rgb(81,82,110)
```
#595a79
```
#595a79 rgb(89,90,121)
```
#616385
```
#616385 rgb(97,99,133)
```
#6a6b90
```
#6a6b90 rgb(106,107,144)
```

Shade Color Variation

#747599
```
#747599 rgb(116,117,153)
```
#7f81a1
```
#7f81a1 rgb(127,129,161)
```
#8b8caa
```
#8b8caa rgb(139,140,170)
```
#9697b2
```
#9697b2 rgb(150,151,178)
```
#a1a2ba
```
#a1a2ba rgb(161,162,186)
```
#adadc3
```
#adadc3 rgb(173,173,195)
```
#b8b9cb
```
#b8b9cb rgb(184,185,203)
```
#c3c4d3
```
#c3c4d3 rgb(195,196,211)
```
#cfcfdb
```
#cfcfdb rgb(207,207,219)
```
#dadae4
```
#dadae4 rgb(218,218,228)
```
#e5e5ec
```
#e5e5ec rgb(229,229,236)
```
#f1f1f4
```
#f1f1f4 rgb(241,241,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#9d9eab
```
#9d9eab rgb(157,158,171)
```
#9697b2
```
#9697b2 rgb(150,151,178)
```
#8f91b9
```
#8f91b9 rgb(143,145,185)
```
#888ac0
```
#888ac0 rgb(136,138,192)
```
#8184c7
```
#8184c7 rgb(129,132,199)
```
#7a7dce
```
#7a7dce rgb(122,125,206)
```
#7377d5
```
#7377d5 rgb(115,119,213)
```
#6c70dc
```
#6c70dc rgb(108,112,220)
```
#656ae3
```
#656ae3 rgb(101,106,227)
```
#5e63ea
```
#5e63ea rgb(94,99,234)
```
#575cf1
```
#575cf1 rgb(87,92,241)
```
#5056f8
```
#5056f8 rgb(80,86,248)
```
#494fff
```
#494fff rgb(73,79,255)
```

Tone Color Variation

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

#999db6 Protanopia 1% of men
#a09ab6 Deuteranopia 1% of men
#989ea9 Tritanopia 0.001% of the population

Trichromacy

#989ab4 Protanomaly 1% of men, 0.01% of women
#9c99b4 Deuteranomaly 6% of men, 0.4% of women
#979bac Tritanomaly 0.01% of the population

#9697b2 hex color

#9697b2 Color Information

#9697b2 Color Conversion

Color Schemes with #9697b2

Alternatives to #9697b2

#9697b2 Preview

Shades and Tints of #9697b2

Tones of #9697b2

Color Blindness Simulator