#9ba4b1 hex color

In a RGB color space, hex #9ba4b1 is composed of 60.8% red, 64.3% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 12.4% cyan, 7.3% magenta, 0% yellow and 30.6% black. It has a hue angle of 215.5 degrees, a saturation of 12.4% and a lightness of 65.1%. #9ba4b1 color hex could be obtained by blending #ffffff with #374963. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 61
- G 64
- B 69
RGB color chart
- C 12
- M 7
- Y 0
- K 31
CMYK color chart

● #9ba4b1 color description : Dark grayish blue.

The hexadecimal color #9ba4b1 has RGB values of R:155, G:164, B:177 and CMYK values of C:0.12, M:0.07, Y:0, K:0.31. Its decimal value is 10200241.

Hex triplet	9ba4b1	`#9ba4b1`
RGB Decimal	155, 164, 177	`rgb(155,164,177)`
RGB Percent	60.8, 64.3, 69.4	`rgb(60.8%,64.3%,69.4%)`
CMYK	12, 7, 0, 31
HSL	215.5°, 12.4, 65.1	`hsl(215.5,12.4%,65.1%)`
HSV (or HSB)	215.5°, 12.4, 69.4
Web Safe	999999	`#999999`

CIE-LAB	67.046, -0.51, -7.801
XYZ	34.727, 36.693, 46.846
xyY	0.294, 0.31, 36.693
CIE-LCH	67.046, 7.818, 266.262
CIE-LUV	67.046, -5.593, -11.548
Hunter-Lab	60.575, -3.674, -3.449
Binary	10011011, 10100100, 10110001

#9ba4b1
```
#9ba4b1 rgb(155,164,177)
```
#b1a89b
```
#b1a89b rgb(177,168,155)
```

Complementary Color

#9bafb1
```
#9bafb1 rgb(155,175,177)
```
#9ba4b1
```
#9ba4b1 rgb(155,164,177)
```
#9d9bb1
```
#9d9bb1 rgb(157,155,177)
```

Analogous Color

#afb19b
```
#afb19b rgb(175,177,155)
```
#9ba4b1
```
#9ba4b1 rgb(155,164,177)
```
#b19d9b
```
#b19d9b rgb(177,157,155)
```

Split Complementary Color

#a4b19b
```
#a4b19b rgb(164,177,155)
```
#9ba4b1
```
#9ba4b1 rgb(155,164,177)
```
#b19ba4
```
#b19ba4 rgb(177,155,164)
```

Triadic Color

#9bb1a8
```
#9bb1a8 rgb(155,177,168)
```
#9ba4b1
```
#9ba4b1 rgb(155,164,177)
```
#b19ba4
```
#b19ba4 rgb(177,155,164)
```
#b1a89b
```
#b1a89b rgb(177,168,155)
```

Tetradic Color

#707d8f
```
#707d8f rgb(112,125,143)
```
#7e8a9b
```
#7e8a9b rgb(126,138,155)
```
#8d97a6
```
#8d97a6 rgb(141,151,166)
```
#9ba4b1
```
#9ba4b1 rgb(155,164,177)
```
#a9b1bc
```
#a9b1bc rgb(169,177,188)
```
#b8bec7
```
#b8bec7 rgb(184,190,199)
```
#c6cbd3
```
#c6cbd3 rgb(198,203,211)
```

Monochromatic Color

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

#9baab1
```
#9baab1 rgb(155,170,177)
```
#9ba8b1
```
#9ba8b1 rgb(155,168,177)
```
#9ba6b1
```
#9ba6b1 rgb(155,166,177)
```
#9ba4b1
```
#9ba4b1 rgb(155,164,177)
```
#9ba2b1
```
#9ba2b1 rgb(155,162,177)
```
#9ba0b1
```
#9ba0b1 rgb(155,160,177)
```
#9b9fb1
```
#9b9fb1 rgb(155,159,177)
```

Similar Colors

Text with hexadecimal color #9ba4b1

This text has a font color of #9ba4b1.

<span style="color:#9ba4b1;">Text here</span>

#9ba4b1 background color

This paragraph has a background color of #9ba4b1.

<p style="background-color:#9ba4b1;">Content here</p>

#9ba4b1 border color

This element has a border color of #9ba4b1.

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

CSS codes

.text {color:#9ba4b1;}

.background {background-color:#9ba4b1;}

.border {border:1px solid #9ba4b1;}

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, #08090a is the darkest color, while #fefefe is the lightest one.

#08090a
```
#08090a rgb(8,9,10)
```
#111215
```
#111215 rgb(17,18,21)
```
#191c20
```
#191c20 rgb(25,28,32)
```
#22262b
```
#22262b rgb(34,38,43)
```
#2a2f36
```
#2a2f36 rgb(42,47,54)
```
#333941
```
#333941 rgb(51,57,65)
```
#3c424c
```
#3c424c rgb(60,66,76)
```
#444c57
```
#444c57 rgb(68,76,87)
```
#4d5662
```
#4d5662 rgb(77,86,98)
```
#555f6d
```
#555f6d rgb(85,95,109)
```
#5e6978
```
#5e6978 rgb(94,105,120)
```
#677283
```
#677283 rgb(103,114,131)
```
#6f7c8e
```
#6f7c8e rgb(111,124,142)
```

Shade Color Variation

#7a8697
```
#7a8697 rgb(122,134,151)
```
#8590a0
```
#8590a0 rgb(133,144,160)
```
#909aa8
```
#909aa8 rgb(144,154,168)
```
#9ba4b1
```
#9ba4b1 rgb(155,164,177)
```
#a6aeba
```
#a6aeba rgb(166,174,186)
```
#b1b8c2
```
#b1b8c2 rgb(177,184,194)
```
#bcc2cb
```
#bcc2cb rgb(188,194,203)
```
#c7ccd3
```
#c7ccd3 rgb(199,204,211)
```
#d2d6dc
```
#d2d6dc rgb(210,214,220)
```
#dde0e5
```
#dde0e5 rgb(221,224,229)
```
#e8eaed
```
#e8eaed rgb(232,234,237)
```
#f3f4f6
```
#f3f4f6 rgb(243,244,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#a2a5aa
```
#a2a5aa rgb(162,165,170)
```
#9ba4b1
```
#9ba4b1 rgb(155,164,177)
```
#94a3b8
```
#94a3b8 rgb(148,163,184)
```
#8da2bf
```
#8da2bf rgb(141,162,191)
```
#86a0c6
```
#86a0c6 rgb(134,160,198)
```
#809fcc
```
#809fcc rgb(128,159,204)
```
#799ed3
```
#799ed3 rgb(121,158,211)
```
#729dda
```
#729dda rgb(114,157,218)
```
#6b9be1
```
#6b9be1 rgb(107,155,225)
```
#649ae8
```
#649ae8 rgb(100,154,232)
```
#5d99ef
```
#5d99ef rgb(93,153,239)
```
#5798f5
```
#5798f5 rgb(87,152,245)
```
#5096fc
```
#5096fc rgb(80,150,252)
```

Tone Color Variation

Below, you can see how #9ba4b1 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

#a3a3a3 Achromatopsia 0.005% of the population
#a1a3a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a6b4 Protanopia 1% of men
#b0a3b6 Deuteranopia 1% of men
#a0a8b4 Tritanopia 0.001% of the population

Trichromacy

#a2a5b2 Protanomaly 1% of men, 0.01% of women
#a8a3b4 Deuteranomaly 6% of men, 0.4% of women
#9ea7b3 Tritanomaly 0.01% of the population

#9ba4b1 hex color

#9ba4b1 Color Information

#9ba4b1 Color Conversion

Color Schemes with #9ba4b1

Alternatives to #9ba4b1

#9ba4b1 Preview

Shades and Tints of #9ba4b1

Tones of #9ba4b1

Color Blindness Simulator