#96a7ba hex color

In a RGB color space, hex #96a7ba is composed of 58.8% red, 65.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 10.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 211.7 degrees, a saturation of 20.7% and a lightness of 65.9%. #96a7ba color hex could be obtained by blending #ffffff with #2d4f75. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 59
- G 65
- B 73
RGB color chart
- C 19
- M 10
- Y 0
- K 27
CMYK color chart

● #96a7ba color description : Grayish blue.

The hexadecimal color #96a7ba has RGB values of R:150, G:167, B:186 and CMYK values of C:0.19, M:0.1, Y:0, K:0.27. Its decimal value is 9873338.

Hex triplet	96a7ba	`#96a7ba`
RGB Decimal	150, 167, 186	`rgb(150,167,186)`
RGB Percent	58.8, 65.5, 72.9	`rgb(58.8%,65.5%,72.9%)`
CMYK	19, 10, 0, 27
HSL	211.7°, 20.7, 65.9	`hsl(211.7,20.7%,65.9%)`
HSV (or HSB)	211.7°, 19.4, 72.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.774, -1.835, -11.757
XYZ	35.257, 37.666, 51.864
xyY	0.283, 0.302, 37.666
CIE-LCH	67.774, 11.9, 261.13
CIE-LUV	67.774, -9.915, -17.477
Hunter-Lab	61.373, -4.857, -7.144
Binary	10010110, 10100111, 10111010

#96a7ba
```
#96a7ba rgb(150,167,186)
```
#baa996
```
#baa996 rgb(186,169,150)
```

Complementary Color

#96b9ba
```
#96b9ba rgb(150,185,186)
```
#96a7ba
```
#96a7ba rgb(150,167,186)
```
#9796ba
```
#9796ba rgb(151,150,186)
```

Analogous Color

#b9ba96
```
#b9ba96 rgb(185,186,150)
```
#96a7ba
```
#96a7ba rgb(150,167,186)
```
#ba9796
```
#ba9796 rgb(186,151,150)
```

Split Complementary Color

#a7ba96
```
#a7ba96 rgb(167,186,150)
```
#96a7ba
```
#96a7ba rgb(150,167,186)
```
#ba96a7
```
#ba96a7 rgb(186,150,167)
```

Triadic Color

#96baa9
```
#96baa9 rgb(150,186,169)
```
#96a7ba
```
#96a7ba rgb(150,167,186)
```
#ba96a7
```
#ba96a7 rgb(186,150,167)
```
#baa996
```
#baa996 rgb(186,169,150)
```

Tetradic Color

#68809c
```
#68809c rgb(104,128,156)
```
#778da6
```
#778da6 rgb(119,141,166)
```
#879ab0
```
#879ab0 rgb(135,154,176)
```
#96a7ba
```
#96a7ba rgb(150,167,186)
```
#a5b4c4
```
#a5b4c4 rgb(165,180,196)
```
#b5c1ce
```
#b5c1ce rgb(181,193,206)
```
#c4ced8
```
#c4ced8 rgb(196,206,216)
```

Monochromatic Color

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

#96b0ba
```
#96b0ba rgb(150,176,186)
```
#96adba
```
#96adba rgb(150,173,186)
```
#96aaba
```
#96aaba rgb(150,170,186)
```
#96a7ba
```
#96a7ba rgb(150,167,186)
```
#96a4ba
```
#96a4ba rgb(150,164,186)
```
#96a1ba
```
#96a1ba rgb(150,161,186)
```
#969eba
```
#969eba rgb(150,158,186)
```

Similar Colors

Text with hexadecimal color #96a7ba

This text has a font color of #96a7ba.

<span style="color:#96a7ba;">Text here</span>

#96a7ba background color

This paragraph has a background color of #96a7ba.

<p style="background-color:#96a7ba;">Content here</p>

#96a7ba border color

This element has a border color of #96a7ba.

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

CSS codes

.text {color:#96a7ba;}

.background {background-color:#96a7ba;}

.border {border:1px solid #96a7ba;}

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

#010102
```
#010102 rgb(1,1,2)
```
#090b0d
```
#090b0d rgb(9,11,13)
```
#111519
```
#111519 rgb(17,21,25)
```
#181e25
```
#181e25 rgb(24,30,37)
```
#202831
```
#202831 rgb(32,40,49)
```
#28323d
```
#28323d rgb(40,50,61)
```
#303b49
```
#303b49 rgb(48,59,73)
```
#374554
```
#374554 rgb(55,69,84)
```
#3f4f60
```
#3f4f60 rgb(63,79,96)
```
#47596c
```
#47596c rgb(71,89,108)
```
#4f6278
```
#4f6278 rgb(79,98,120)
```
#576c84
```
#576c84 rgb(87,108,132)
```
#5e7690
```
#5e7690 rgb(94,118,144)
```

Shade Color Variation

#677f9b
```
#677f9b rgb(103,127,155)
```
#7289a3
```
#7289a3 rgb(114,137,163)
```
#7e93aa
```
#7e93aa rgb(126,147,170)
```
#8a9db2
```
#8a9db2 rgb(138,157,178)
```
#96a7ba
```
#96a7ba rgb(150,167,186)
```
#a2b1c2
```
#a2b1c2 rgb(162,177,194)
```
#aebbca
```
#aebbca rgb(174,187,202)
```
#bac5d1
```
#bac5d1 rgb(186,197,209)
```
#c5cfd9
```
#c5cfd9 rgb(197,207,217)
```
#d1d9e1
```
#d1d9e1 rgb(209,217,225)
```
#dde3e9
```
#dde3e9 rgb(221,227,233)
```
#e9ecf0
```
#e9ecf0 rgb(233,236,240)
```
#f5f6f8
```
#f5f6f8 rgb(245,246,248)
```

Tint Color Variation

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

#a3a8ad
```
#a3a8ad rgb(163,168,173)
```
#9da7b3
```
#9da7b3 rgb(157,167,179)
```
#96a7ba
```
#96a7ba rgb(150,167,186)
```
#8fa7c1
```
#8fa7c1 rgb(143,167,193)
```
#89a6c7
```
#89a6c7 rgb(137,166,199)
```
#82a6ce
```
#82a6ce rgb(130,166,206)
```
#7ba6d5
```
#7ba6d5 rgb(123,166,213)
```
#75a5db
```
#75a5db rgb(117,165,219)
```
#6ea5e2
```
#6ea5e2 rgb(110,165,226)
```
#67a4e9
```
#67a4e9 rgb(103,164,233)
```
#60a4f0
```
#60a4f0 rgb(96,164,240)
```
#5aa4f6
```
#5aa4f6 rgb(90,164,246)
```
#53a3fd
```
#53a3fd rgb(83,163,253)
```

Tone Color Variation

Below, you can see how #96a7ba 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

#a4a4a4 Achromatopsia 0.005% of the population
#a1a5a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a8bb Protanopia 1% of men
#aea5bf Deuteranopia 1% of men
#9aacb8 Tritanopia 0.001% of the population

Trichromacy

#a0a8bb Protanomaly 1% of men, 0.01% of women
#a5a6bd Deuteranomaly 6% of men, 0.4% of women
#98aab9 Tritanomaly 0.01% of the population

#96a7ba hex color

#96a7ba Color Information

#96a7ba Color Conversion

Color Schemes with #96a7ba

Alternatives to #96a7ba

#96a7ba Preview

Shades and Tints of #96a7ba

Tones of #96a7ba

Color Blindness Simulator