#9896b4 hex color

In a RGB color space, hex #9896b4 is composed of 59.6% red, 58.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 15.6% cyan, 16.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 244 degrees, a saturation of 16.7% and a lightness of 64.7%. #9896b4 color hex could be obtained by blending #ffffff with #312d69. Closest websafe color is: #9999cc.

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

● #9896b4 color description : Grayish blue.

The hexadecimal color #9896b4 has RGB values of R:152, G:150, B:180 and CMYK values of C:0.16, M:0.17, Y:0, K:0.29. Its decimal value is 10000052.

Hex triplet	9896b4	`#9896b4`
RGB Decimal	152, 150, 180	`rgb(152,150,180)`
RGB Percent	59.6, 58.8, 70.6	`rgb(59.6%,58.8%,70.6%)`
CMYK	16, 17, 0, 29
HSL	244°, 16.7, 64.7	`hsl(244,16.7%,64.7%)`
HSV (or HSB)	244°, 16.7, 70.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	63.163, 6.947, -15.325
XYZ	32.092, 31.783, 47.622
xyY	0.288, 0.285, 31.783
CIE-LCH	63.163, 16.826, 294.385
CIE-LUV	63.163, -0.712, -24.151
Hunter-Lab	56.377, 2.951, -10.619
Binary	10011000, 10010110, 10110100

#9896b4
```
#9896b4 rgb(152,150,180)
```
#b2b496
```
#b2b496 rgb(178,180,150)
```

Complementary Color

#96a3b4
```
#96a3b4 rgb(150,163,180)
```
#9896b4
```
#9896b4 rgb(152,150,180)
```
#a796b4
```
#a796b4 rgb(167,150,180)
```

Analogous Color

#a3b496
```
#a3b496 rgb(163,180,150)
```
#9896b4
```
#9896b4 rgb(152,150,180)
```
#b4a796
```
#b4a796 rgb(180,167,150)
```

Split Complementary Color

#96b498
```
#96b498 rgb(150,180,152)
```
#9896b4
```
#9896b4 rgb(152,150,180)
```
#b49896
```
#b49896 rgb(180,152,150)
```

Triadic Color

#96b2b4
```
#96b2b4 rgb(150,178,180)
```
#9896b4
```
#9896b4 rgb(152,150,180)
```
#b49896
```
#b49896 rgb(180,152,150)
```
#b2b496
```
#b2b496 rgb(178,180,150)
```

Tetradic Color

#6c6a94
```
#6c6a94 rgb(108,106,148)
```
#7b789f
```
#7b789f rgb(123,120,159)
```
#8987a9
```
#8987a9 rgb(137,135,169)
```
#9896b4
```
#9896b4 rgb(152,150,180)
```
#a7a5bf
```
#a7a5bf rgb(167,165,191)
```
#b5b4c9
```
#b5b4c9 rgb(181,180,201)
```
#c4c3d4
```
#c4c3d4 rgb(196,195,212)
```

Monochromatic Color

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

#969cb4
```
#969cb4 rgb(150,156,180)
```
#9699b4
```
#9699b4 rgb(150,153,180)
```
#9697b4
```
#9697b4 rgb(150,151,180)
```
#9896b4
```
#9896b4 rgb(152,150,180)
```
#9b96b4
```
#9b96b4 rgb(155,150,180)
```
#9d96b4
```
#9d96b4 rgb(157,150,180)
```
#a096b4
```
#a096b4 rgb(160,150,180)
```

Similar Colors

Text with hexadecimal color #9896b4

This text has a font color of #9896b4.

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

#9896b4 background color

This paragraph has a background color of #9896b4.

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

#9896b4 border color

This element has a border color of #9896b4.

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

CSS codes

.text {color:#9896b4;}

.background {background-color:#9896b4;}

.border {border:1px solid #9896b4;}

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

#070709
```
#070709 rgb(7,7,9)
```
#0f0f15
```
#0f0f15 rgb(15,15,21)
```
#181720
```
#181720 rgb(24,23,32)
```
#201f2c
```
#201f2c rgb(32,31,44)
```
#282737
```
#282737 rgb(40,39,55)
```
#313043
```
#313043 rgb(49,48,67)
```
#39384e
```
#39384e rgb(57,56,78)
```
#42405a
```
#42405a rgb(66,64,90)
```
#4a4865
```
#4a4865 rgb(74,72,101)
```
#525070
```
#525070 rgb(82,80,112)
```
#5b587c
```
#5b587c rgb(91,88,124)
```
#636187
```
#636187 rgb(99,97,135)
```
#6c6993
```
#6c6993 rgb(108,105,147)
```

Shade Color Variation

#76749b
```
#76749b rgb(118,116,155)
```
#827fa4
```
#827fa4 rgb(130,127,164)
```
#8d8bac
```
#8d8bac rgb(141,139,172)
```
#9896b4
```
#9896b4 rgb(152,150,180)
```
#a3a1bc
```
#a3a1bc rgb(163,161,188)
```
#aeadc4
```
#aeadc4 rgb(174,173,196)
```
#bab8cd
```
#bab8cd rgb(186,184,205)
```
#c5c4d5
```
#c5c4d5 rgb(197,196,213)
```
#d0cfdd
```
#d0cfdd rgb(208,207,221)
```
#dbdbe5
```
#dbdbe5 rgb(219,219,229)
```
#e7e6ed
```
#e7e6ed rgb(231,230,237)
```
#f2f2f5
```
#f2f2f5 rgb(242,242,245)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#a4a4a6
```
#a4a4a6 rgb(164,164,166)
```
#9e9dad
```
#9e9dad rgb(158,157,173)
```
#9896b4
```
#9896b4 rgb(152,150,180)
```
#928fbb
```
#928fbb rgb(146,143,187)
```
#8c88c2
```
#8c88c2 rgb(140,136,194)
```
#8681c9
```
#8681c9 rgb(134,129,201)
```
#807ad0
```
#807ad0 rgb(128,122,208)
```
#7a73d7
```
#7a73d7 rgb(122,115,215)
```
#746cde
```
#746cde rgb(116,108,222)
```
#6e66e4
```
#6e66e4 rgb(110,102,228)
```
#685feb
```
#685feb rgb(104,95,235)
```
#6258f2
```
#6258f2 rgb(98,88,242)
```
#5c51f9
```
#5c51f9 rgb(92,81,249)
```

Tone Color Variation

Below, you can see how #9896b4 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
#9a999f Atypical Achromatopsia 0.001% of the population

Dichromacy

#989cb8 Protanopia 1% of men
#9f9ab8 Deuteranopia 1% of men
#9a9ea9 Tritanopia 0.001% of the population

Trichromacy

#989ab7 Protanomaly 1% of men, 0.01% of women
#9c99b6 Deuteranomaly 6% of men, 0.4% of women
#999bad Tritanomaly 0.01% of the population

#9896b4 hex color

#9896b4 Color Information

#9896b4 Color Conversion

Color Schemes with #9896b4

Alternatives to #9896b4

#9896b4 Preview

Shades and Tints of #9896b4

Tones of #9896b4

Color Blindness Simulator