#9698b2 hex color

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

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

● #9698b2 color description : Dark grayish blue.

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

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

CIE-LAB	63.47, 4.711, -13.752
XYZ	31.84, 32.155, 46.646
xyY	0.288, 0.291, 32.155
CIE-LCH	63.47, 14.536, 288.909
CIE-LUV	63.47, -2.58, -21.377
Hunter-Lab	56.705, 0.995, -9.079
Binary	10010110, 10011000, 10110010

#9698b2
```
#9698b2 rgb(150,152,178)
```
#b2b096
```
#b2b096 rgb(178,176,150)
```

Complementary Color

#96a6b2
```
#96a6b2 rgb(150,166,178)
```
#9698b2
```
#9698b2 rgb(150,152,178)
```
#a296b2
```
#a296b2 rgb(162,150,178)
```

Analogous Color

#a6b296
```
#a6b296 rgb(166,178,150)
```
#9698b2
```
#9698b2 rgb(150,152,178)
```
#b2a296
```
#b2a296 rgb(178,162,150)
```

Split Complementary Color

#98b296
```
#98b296 rgb(152,178,150)
```
#9698b2
```
#9698b2 rgb(150,152,178)
```
#b29698
```
#b29698 rgb(178,150,152)
```

Triadic Color

#96b2b0
```
#96b2b0 rgb(150,178,176)
```
#9698b2
```
#9698b2 rgb(150,152,178)
```
#b29698
```
#b29698 rgb(178,150,152)
```
#b2b096
```
#b2b096 rgb(178,176,150)
```

Tetradic Color

#6a6d91
```
#6a6d91 rgb(106,109,145)
```
#797b9c
```
#797b9c rgb(121,123,156)
```
#878aa7
```
#878aa7 rgb(135,138,167)
```
#9698b2
```
#9698b2 rgb(150,152,178)
```
#a5a6bd
```
#a5a6bd rgb(165,166,189)
```
#b3b5c8
```
#b3b5c8 rgb(179,181,200)
```
#c2c3d2
```
#c2c3d2 rgb(194,195,210)
```

Monochromatic Color

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

#969fb2
```
#969fb2 rgb(150,159,178)
```
#969db2
```
#969db2 rgb(150,157,178)
```
#969ab2
```
#969ab2 rgb(150,154,178)
```
#9698b2
```
#9698b2 rgb(150,152,178)
```
#9696b2
```
#9696b2 rgb(150,150,178)
```
#9996b2
```
#9996b2 rgb(153,150,178)
```
#9b96b2
```
#9b96b2 rgb(155,150,178)
```

Similar Colors

Text with hexadecimal color #9698b2

This text has a font color of #9698b2.

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

#9698b2 background color

This paragraph has a background color of #9698b2.

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

#9698b2 border color

This element has a border color of #9698b2.

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

CSS codes

.text {color:#9698b2;}

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

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

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)
```
#0e0f13
```
#0e0f13 rgb(14,15,19)
```
#17171f
```
#17171f rgb(23,23,31)
```
#1f202a
```
#1f202a rgb(31,32,42)
```
#272835
```
#272835 rgb(39,40,53)
```
#2f3141
```
#2f3141 rgb(47,49,65)
```
#38394c
```
#38394c rgb(56,57,76)
```
#404257
```
#404257 rgb(64,66,87)
```
#484a63
```
#484a63 rgb(72,74,99)
```
#51536e
```
#51536e rgb(81,83,110)
```
#595b79
```
#595b79 rgb(89,91,121)
```
#616485
```
#616485 rgb(97,100,133)
```
#6a6c90
```
#6a6c90 rgb(106,108,144)
```

Shade Color Variation

#747799
```
#747799 rgb(116,119,153)
```
#7f82a1
```
#7f82a1 rgb(127,130,161)
```
#8b8daa
```
#8b8daa rgb(139,141,170)
```
#9698b2
```
#9698b2 rgb(150,152,178)
```
#a1a3ba
```
#a1a3ba rgb(161,163,186)
```
#adaec3
```
#adaec3 rgb(173,174,195)
```
#b8b9cb
```
#b8b9cb rgb(184,185,203)
```
#c3c4d3
```
#c3c4d3 rgb(195,196,211)
```
#cfd0db
```
#cfd0db rgb(207,208,219)
```
#dadbe4
```
#dadbe4 rgb(218,219,228)
```
#e5e6ec
```
#e5e6ec rgb(229,230,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 #4956ff is the most saturated one.

#9d9eab
```
#9d9eab rgb(157,158,171)
```
#9698b2
```
#9698b2 rgb(150,152,178)
```
#8f92b9
```
#8f92b9 rgb(143,146,185)
```
#888cc0
```
#888cc0 rgb(136,140,192)
```
#8186c7
```
#8186c7 rgb(129,134,199)
```
#7a80ce
```
#7a80ce rgb(122,128,206)
```
#737ad5
```
#737ad5 rgb(115,122,213)
```
#6c74dc
```
#6c74dc rgb(108,116,220)
```
#656ee3
```
#656ee3 rgb(101,110,227)
```
#5e68ea
```
#5e68ea rgb(94,104,234)
```
#5762f1
```
#5762f1 rgb(87,98,241)
```
#505cf8
```
#505cf8 rgb(80,92,248)
```
#4956ff
```
#4956ff rgb(73,86,255)
```

Tone Color Variation

Below, you can see how #9698b2 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
#999a9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9db6 Protanopia 1% of men
#a19bb6 Deuteranopia 1% of men
#999faa Tritanopia 0.001% of the population

Trichromacy

#989bb4 Protanomaly 1% of men, 0.01% of women
#9d9ab4 Deuteranomaly 6% of men, 0.4% of women
#979cad Tritanomaly 0.01% of the population

#9698b2 hex color

#9698b2 Color Information

#9698b2 Color Conversion

Color Schemes with #9698b2

Alternatives to #9698b2

#9698b2 Preview

Shades and Tints of #9698b2

Tones of #9698b2

Color Blindness Simulator