#9696b8 hex color

In a RGB color space, hex #9696b8 is composed of 58.8% red, 58.8% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 18.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 240 degrees, a saturation of 19.3% and a lightness of 65.5%. #9696b8 color hex could be obtained by blending #ffffff with #2d2d71. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 59
- G 59
- B 72
RGB color chart
- C 18
- M 18
- Y 0
- K 28
CMYK color chart

● #9696b8 color description : Grayish blue.

The hexadecimal color #9696b8 has RGB values of R:150, G:150, B:184 and CMYK values of C:0.18, M:0.18, Y:0, K:0.28. Its decimal value is 9868984.

Hex triplet	9696b8	`#9696b8`
RGB Decimal	150, 150, 184	`rgb(150,150,184)`
RGB Percent	58.8, 58.8, 72.2	`rgb(58.8%,58.8%,72.2%)`
CMYK	18, 18, 0, 28
HSL	240°, 19.3, 65.5	`hsl(240,19.3%,65.5%)`
HSV (or HSB)	240°, 18.5, 72.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	63.142, 7.193, -17.624
XYZ	32.134, 31.757, 49.782
xyY	0.283, 0.279, 31.757
CIE-LCH	63.142, 19.035, 292.202
CIE-LUV	63.142, -2.009, -27.793
Hunter-Lab	56.353, 3.166, -12.928
Binary	10010110, 10010110, 10111000

#9696b8
```
#9696b8 rgb(150,150,184)
```
#b8b896
```
#b8b896 rgb(184,184,150)
```

Complementary Color

#96a7b8
```
#96a7b8 rgb(150,167,184)
```
#9696b8
```
#9696b8 rgb(150,150,184)
```
#a796b8
```
#a796b8 rgb(167,150,184)
```

Analogous Color

#a7b896
```
#a7b896 rgb(167,184,150)
```
#9696b8
```
#9696b8 rgb(150,150,184)
```
#b8a796
```
#b8a796 rgb(184,167,150)
```

Split Complementary Color

#96b896
```
#96b896 rgb(150,184,150)
```
#9696b8
```
#9696b8 rgb(150,150,184)
```
#b89696
```
#b89696 rgb(184,150,150)
```

Triadic Color

#96b8b8
```
#96b8b8 rgb(150,184,184)
```
#9696b8
```
#9696b8 rgb(150,150,184)
```
#b89696
```
#b89696 rgb(184,150,150)
```
#b8b896
```
#b8b896 rgb(184,184,150)
```

Tetradic Color

#686899
```
#686899 rgb(104,104,153)
```
#7878a3
```
#7878a3 rgb(120,120,163)
```
#8787ae
```
#8787ae rgb(135,135,174)
```
#9696b8
```
#9696b8 rgb(150,150,184)
```
#a5a5c2
```
#a5a5c2 rgb(165,165,194)
```
#b4b4cd
```
#b4b4cd rgb(180,180,205)
```
#c4c4d7
```
#c4c4d7 rgb(196,196,215)
```

Monochromatic Color

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

#969fb8
```
#969fb8 rgb(150,159,184)
```
#969cb8
```
#969cb8 rgb(150,156,184)
```
#9699b8
```
#9699b8 rgb(150,153,184)
```
#9696b8
```
#9696b8 rgb(150,150,184)
```
#9996b8
```
#9996b8 rgb(153,150,184)
```
#9c96b8
```
#9c96b8 rgb(156,150,184)
```
#9f96b8
```
#9f96b8 rgb(159,150,184)
```

Similar Colors

Text with hexadecimal color #9696b8

This text has a font color of #9696b8.

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

#9696b8 background color

This paragraph has a background color of #9696b8.

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

#9696b8 border color

This element has a border color of #9696b8.

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

CSS codes

.text {color:#9696b8;}

.background {background-color:#9696b8;}

.border {border:1px solid #9696b8;}

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

#000000
```
#000000 rgb(0,0,0)
```
#08080c
```
#08080c rgb(8,8,12)
```
#101018
```
#101018 rgb(16,16,24)
```
#181823
```
#181823 rgb(24,24,35)
```
#20202f
```
#20202f rgb(32,32,47)
```
#28283b
```
#28283b rgb(40,40,59)
```
#303047
```
#303047 rgb(48,48,71)
```
#383852
```
#383852 rgb(56,56,82)
```
#40405e
```
#40405e rgb(64,64,94)
```
#47476a
```
#47476a rgb(71,71,106)
```
#4f4f75
```
#4f4f75 rgb(79,79,117)
```
#575781
```
#575781 rgb(87,87,129)
```
#5f5f8d
```
#5f5f8d rgb(95,95,141)
```

Shade Color Variation

#676798
```
#676798 rgb(103,103,152)
```
#7373a0
```
#7373a0 rgb(115,115,160)
```
#7f7fa8
```
#7f7fa8 rgb(127,127,168)
```
#8a8ab0
```
#8a8ab0 rgb(138,138,176)
```
#9696b8
```
#9696b8 rgb(150,150,184)
```
#a2a2c0
```
#a2a2c0 rgb(162,162,192)
```
#adadc8
```
#adadc8 rgb(173,173,200)
```
#b9b9d0
```
#b9b9d0 rgb(185,185,208)
```
#c5c5d8
```
#c5c5d8 rgb(197,197,216)
```
#d1d1e0
```
#d1d1e0 rgb(209,209,224)
```
#dcdce7
```
#dcdce7 rgb(220,220,231)
```
#e8e8ef
```
#e8e8ef rgb(232,232,239)
```
#f4f4f7
```
#f4f4f7 rgb(244,244,247)
```

Tint Color Variation

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

#a4a4aa
```
#a4a4aa rgb(164,164,170)
```
#9d9db1
```
#9d9db1 rgb(157,157,177)
```
#9696b8
```
#9696b8 rgb(150,150,184)
```
#8f8fbf
```
#8f8fbf rgb(143,143,191)
```
#8888c6
```
#8888c6 rgb(136,136,198)
```
#8282cc
```
#8282cc rgb(130,130,204)
```
#7b7bd3
```
#7b7bd3 rgb(123,123,211)
```
#7474da
```
#7474da rgb(116,116,218)
```
#6d6de1
```
#6d6de1 rgb(109,109,225)
```
#6767e7
```
#6767e7 rgb(103,103,231)
```
#6060ee
```
#6060ee rgb(96,96,238)
```
#5959f5
```
#5959f5 rgb(89,89,245)
```
#5252fc
```
#5252fc rgb(82,82,252)
```

Tone Color Variation

Below, you can see how #9696b8 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
#9999a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#969cbc Protanopia 1% of men
#9d9abb Deuteranopia 1% of men
#979eaa Tritanopia 0.001% of the population

Trichromacy

#969aba Protanomaly 1% of men, 0.01% of women
#9a99ba Deuteranomaly 6% of men, 0.4% of women
#979baf Tritanomaly 0.01% of the population

#9696b8 hex color

#9696b8 Color Information

#9696b8 Color Conversion

Color Schemes with #9696b8

Alternatives to #9696b8

#9696b8 Preview

Shades and Tints of #9696b8

Tones of #9696b8

Color Blindness Simulator