#9ba8bf hex color

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

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

● #9ba8bf color description : Grayish blue.

The hexadecimal color #9ba8bf has RGB values of R:155, G:168, B:191 and CMYK values of C:0.19, M:0.12, Y:0, K:0.25. Its decimal value is 10201279.

Hex triplet	9ba8bf	`#9ba8bf`
RGB Decimal	155, 168, 191	`rgb(155,168,191)`
RGB Percent	60.8, 65.9, 74.9	`rgb(60.8%,65.9%,74.9%)`
CMYK	19, 12, 0, 25
HSL	218.3°, 22, 67.8	`hsl(218.3,22%,67.8%)`
HSV (or HSB)	218.3°, 18.8, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.559, 0.349, -13.315
XYZ	36.922, 38.735, 54.819
xyY	0.283, 0.297, 38.735
CIE-LCH	68.559, 13.319, 271.503
CIE-LUV	68.559, -8.089, -20.292
Hunter-Lab	62.237, -3.02, -8.657
Binary	10011011, 10101000, 10111111

#9ba8bf
```
#9ba8bf rgb(155,168,191)
```
#bfb29b
```
#bfb29b rgb(191,178,155)
```

Complementary Color

#9bbabf
```
#9bbabf rgb(155,186,191)
```
#9ba8bf
```
#9ba8bf rgb(155,168,191)
```
#a09bbf
```
#a09bbf rgb(160,155,191)
```

Analogous Color

#babf9b
```
#babf9b rgb(186,191,155)
```
#9ba8bf
```
#9ba8bf rgb(155,168,191)
```
#bfa09b
```
#bfa09b rgb(191,160,155)
```

Split Complementary Color

#a8bf9b
```
#a8bf9b rgb(168,191,155)
```
#9ba8bf
```
#9ba8bf rgb(155,168,191)
```
#bf9ba8
```
#bf9ba8 rgb(191,155,168)
```

Triadic Color

#9bbfb2
```
#9bbfb2 rgb(155,191,178)
```
#9ba8bf
```
#9ba8bf rgb(155,168,191)
```
#bf9ba8
```
#bf9ba8 rgb(191,155,168)
```
#bfb29b
```
#bfb29b rgb(191,178,155)
```

Tetradic Color

#6c7fa1
```
#6c7fa1 rgb(108,127,161)
```
#7c8dab
```
#7c8dab rgb(124,141,171)
```
#8b9ab5
```
#8b9ab5 rgb(139,154,181)
```
#9ba8bf
```
#9ba8bf rgb(155,168,191)
```
#abb6c9
```
#abb6c9 rgb(171,182,201)
```
#bac3d3
```
#bac3d3 rgb(186,195,211)
```
#cad1dd
```
#cad1dd rgb(202,209,221)
```

Monochromatic Color

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

#9bb1bf
```
#9bb1bf rgb(155,177,191)
```
#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)
```

Similar Colors

Text with hexadecimal color #9ba8bf

This text has a font color of #9ba8bf.

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

#9ba8bf background color

This paragraph has a background color of #9ba8bf.

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

#9ba8bf border color

This element has a border color of #9ba8bf.

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

CSS codes

.text {color:#9ba8bf;}

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

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

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)
```
#141820
```
#141820 rgb(20,24,32)
```
#1c222c
```
#1c222c rgb(28,34,44)
```
#242b37
```
#242b37 rgb(36,43,55)
```
#2b3443
```
#2b3443 rgb(43,52,67)
```
#333d4f
```
#333d4f rgb(51,61,79)
```
#3a465b
```
#3a465b rgb(58,70,91)
```
#425067
```
#425067 rgb(66,80,103)
```
#4a5973
```
#4a5973 rgb(74,89,115)
```
#51627f
```
#51627f rgb(81,98,127)
```
#596b8b
```
#596b8b rgb(89,107,139)
```
#617497
```
#617497 rgb(97,116,151)
```

Shade Color Variation

#6b7ea0
```
#6b7ea0 rgb(107,126,160)
```
#7789a8
```
#7789a8 rgb(119,137,168)
```
#8393b0
```
#8393b0 rgb(131,147,176)
```
#8f9eb7
```
#8f9eb7 rgb(143,158,183)
```
#9ba8bf
```
#9ba8bf rgb(155,168,191)
```
#a7b2c7
```
#a7b2c7 rgb(167,178,199)
```
#b3bdce
```
#b3bdce rgb(179,189,206)
```
#bfc7d6
```
#bfc7d6 rgb(191,199,214)
```
#cbd2de
```
#cbd2de rgb(203,210,222)
```
#d7dce5
```
#d7dce5 rgb(215,220,229)
```
#e3e6ed
```
#e3e6ed rgb(227,230,237)
```
#eff1f5
```
#eff1f5 rgb(239,241,245)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#a8acb2
```
#a8acb2 rgb(168,172,178)
```
#a1aab9
```
#a1aab9 rgb(161,170,185)
```
#9ba8bf
```
#9ba8bf rgb(155,168,191)
```
#95a6c5
```
#95a6c5 rgb(149,166,197)
```
#8ea4cc
```
#8ea4cc rgb(142,164,204)
```
#88a3d2
```
#88a3d2 rgb(136,163,210)
```
#82a1d8
```
#82a1d8 rgb(130,161,216)
```
#7b9fdf
```
#7b9fdf rgb(123,159,223)
```
#759de5
```
#759de5 rgb(117,157,229)
```
#6f9ceb
```
#6f9ceb rgb(111,156,235)
```
#699af1
```
#699af1 rgb(105,154,241)
```
#6298f8
```
#6298f8 rgb(98,152,248)
```
#5c96fe
```
#5c96fe rgb(92,150,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a5a7ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7aac1 Protanopia 1% of men
#afa7c3 Deuteranopia 1% of men
#9eadba Tritanopia 0.001% of the population

Trichromacy

#a3a9c0 Protanomaly 1% of men, 0.01% of women
#a8a7c2 Deuteranomaly 6% of men, 0.4% of women
#9dabbc Tritanomaly 0.01% of the population

#9ba8bf hex color

#9ba8bf Color Information

#9ba8bf Color Conversion

Color Schemes with #9ba8bf

Alternatives to #9ba8bf

#9ba8bf Preview

Shades and Tints of #9ba8bf

Tones of #9ba8bf

Color Blindness Simulator