#9ba5bf hex color

In a RGB color space, hex #9ba5bf is composed of 60.8% red, 64.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 13.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 223.3 degrees, a saturation of 22% and a lightness of 67.8%. #9ba5bf color hex could be obtained by blending #ffffff with #374b7f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 65
- B 75
RGB color chart
- C 19
- M 14
- Y 0
- K 25
CMYK color chart

● #9ba5bf color description : Grayish blue.

The hexadecimal color #9ba5bf has RGB values of R:155, G:165, B:191 and CMYK values of C:0.19, M:0.14, Y:0, K:0.25. Its decimal value is 10200511.

Hex triplet	9ba5bf	`#9ba5bf`
RGB Decimal	155, 165, 191	`rgb(155,165,191)`
RGB Percent	60.8, 64.7, 74.9	`rgb(60.8%,64.7%,74.9%)`
CMYK	19, 14, 0, 25
HSL	223.3°, 22, 67.8	`hsl(223.3,22%,67.8%)`
HSV (or HSB)	223.3°, 18.8, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.754, 2.004, -14.525
XYZ	36.375, 37.64, 54.636
xyY	0.283, 0.293, 37.64
CIE-LCH	67.754, 14.663, 277.857
CIE-LUV	67.754, -6.708, -22.413
Hunter-Lab	61.351, -1.534, -9.854
Binary	10011011, 10100101, 10111111

#9ba5bf
```
#9ba5bf rgb(155,165,191)
```
#bfb59b
```
#bfb59b rgb(191,181,155)
```

Complementary Color

#9bb7bf
```
#9bb7bf rgb(155,183,191)
```
#9ba5bf
```
#9ba5bf rgb(155,165,191)
```
#a39bbf
```
#a39bbf rgb(163,155,191)
```

Analogous Color

#b7bf9b
```
#b7bf9b rgb(183,191,155)
```
#9ba5bf
```
#9ba5bf rgb(155,165,191)
```
#bfa39b
```
#bfa39b rgb(191,163,155)
```

Split Complementary Color

#a5bf9b
```
#a5bf9b rgb(165,191,155)
```
#9ba5bf
```
#9ba5bf rgb(155,165,191)
```
#bf9ba5
```
#bf9ba5 rgb(191,155,165)
```

Triadic Color

#9bbfb5
```
#9bbfb5 rgb(155,191,181)
```
#9ba5bf
```
#9ba5bf rgb(155,165,191)
```
#bf9ba5
```
#bf9ba5 rgb(191,155,165)
```
#bfb59b
```
#bfb59b rgb(191,181,155)
```

Tetradic Color

#6c7ba1
```
#6c7ba1 rgb(108,123,161)
```
#7c89ab
```
#7c89ab rgb(124,137,171)
```
#8b97b5
```
#8b97b5 rgb(139,151,181)
```
#9ba5bf
```
#9ba5bf rgb(155,165,191)
```
#abb3c9
```
#abb3c9 rgb(171,179,201)
```
#bac1d3
```
#bac1d3 rgb(186,193,211)
```
#cacfdd
```
#cacfdd rgb(202,207,221)
```

Monochromatic Color

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

#9baebf
```
#9baebf rgb(155,174,191)
```
#9babbf
```
#9babbf rgb(155,171,191)
```
#9ba8bf
```
#9ba8bf rgb(155,168,191)
```
#9ba5bf
```
#9ba5bf rgb(155,165,191)
```
#9ba2bf
```
#9ba2bf rgb(155,162,191)
```
#9b9fbf
```
#9b9fbf rgb(155,159,191)
```
#9b9cbf
```
#9b9cbf rgb(155,156,191)
```

Similar Colors

Text with hexadecimal color #9ba5bf

This text has a font color of #9ba5bf.

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

#9ba5bf background color

This paragraph has a background color of #9ba5bf.

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

#9ba5bf border color

This element has a border color of #9ba5bf.

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

CSS codes

.text {color:#9ba5bf;}

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

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0d0f14
```
#0d0f14 rgb(13,15,20)
```
#141720
```
#141720 rgb(20,23,32)
```
#1c202c
```
#1c202c rgb(28,32,44)
```
#242937
```
#242937 rgb(36,41,55)
```
#2b3243
```
#2b3243 rgb(43,50,67)
```
#333b4f
```
#333b4f rgb(51,59,79)
```
#3a445b
```
#3a445b rgb(58,68,91)
```
#424c67
```
#424c67 rgb(66,76,103)
```
#4a5573
```
#4a5573 rgb(74,85,115)
```
#515e7f
```
#515e7f rgb(81,94,127)
```
#59678b
```
#59678b rgb(89,103,139)
```
#617097
```
#617097 rgb(97,112,151)
```

Shade Color Variation

#6b7aa0
```
#6b7aa0 rgb(107,122,160)
```
#7785a8
```
#7785a8 rgb(119,133,168)
```
#838fb0
```
#838fb0 rgb(131,143,176)
```
#8f9ab7
```
#8f9ab7 rgb(143,154,183)
```
#9ba5bf
```
#9ba5bf rgb(155,165,191)
```
#a7b0c7
```
#a7b0c7 rgb(167,176,199)
```
#b3bbce
```
#b3bbce rgb(179,187,206)
```
#bfc5d6
```
#bfc5d6 rgb(191,197,214)
```
#cbd0de
```
#cbd0de rgb(203,208,222)
```
#d7dbe5
```
#d7dbe5 rgb(215,219,229)
```
#e3e6ed
```
#e3e6ed rgb(227,230,237)
```
#eff0f5
```
#eff0f5 rgb(239,240,245)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#a8abb2
```
#a8abb2 rgb(168,171,178)
```
#a1a8b9
```
#a1a8b9 rgb(161,168,185)
```
#9ba5bf
```
#9ba5bf rgb(155,165,191)
```
#95a2c5
```
#95a2c5 rgb(149,162,197)
```
#8e9fcc
```
#8e9fcc rgb(142,159,204)
```
#889dd2
```
#889dd2 rgb(136,157,210)
```
#829ad8
```
#829ad8 rgb(130,154,216)
```
#7b97df
```
#7b97df rgb(123,151,223)
```
#7594e5
```
#7594e5 rgb(117,148,229)
```
#6f91eb
```
#6f91eb rgb(111,145,235)
```
#698ff1
```
#698ff1 rgb(105,143,241)
```
#628cf8
```
#628cf8 rgb(98,140,248)
```
#5c89fe
```
#5c89fe rgb(92,137,254)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a3a5aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a8c1 Protanopia 1% of men
#aca5c3 Deuteranopia 1% of men
#9dabb7 Tritanopia 0.001% of the population

Trichromacy

#a1a7c0 Protanomaly 1% of men, 0.01% of women
#a6a5c1 Deuteranomaly 6% of men, 0.4% of women
#9ca9ba Tritanomaly 0.01% of the population

#9ba5bf hex color

#9ba5bf Color Information

#9ba5bf Color Conversion

Color Schemes with #9ba5bf

Alternatives to #9ba5bf

#9ba5bf Preview

Shades and Tints of #9ba5bf

Tones of #9ba5bf

Color Blindness Simulator