#9ba4bf hex color

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

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

● #9ba4bf color description : Grayish blue.

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

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

CIE-LAB	67.487, 2.558, -14.928
XYZ	36.195, 37.281, 54.576
xyY	0.283, 0.291, 37.281
CIE-LCH	67.487, 15.145, 279.724
CIE-LUV	67.487, -6.248, -23.119
Hunter-Lab	61.058, -1.036, -10.256
Binary	10011011, 10100100, 10111111

#9ba4bf
```
#9ba4bf rgb(155,164,191)
```
#bfb69b
```
#bfb69b rgb(191,182,155)
```

Complementary Color

#9bb6bf
```
#9bb6bf rgb(155,182,191)
```
#9ba4bf
```
#9ba4bf rgb(155,164,191)
```
#a49bbf
```
#a49bbf rgb(164,155,191)
```

Analogous Color

#b6bf9b
```
#b6bf9b rgb(182,191,155)
```
#9ba4bf
```
#9ba4bf rgb(155,164,191)
```
#bfa49b
```
#bfa49b rgb(191,164,155)
```

Split Complementary Color

#a4bf9b
```
#a4bf9b rgb(164,191,155)
```
#9ba4bf
```
#9ba4bf rgb(155,164,191)
```
#bf9ba4
```
#bf9ba4 rgb(191,155,164)
```

Triadic Color

#9bbfb6
```
#9bbfb6 rgb(155,191,182)
```
#9ba4bf
```
#9ba4bf rgb(155,164,191)
```
#bf9ba4
```
#bf9ba4 rgb(191,155,164)
```
#bfb69b
```
#bfb69b rgb(191,182,155)
```

Tetradic Color

#6c7aa1
```
#6c7aa1 rgb(108,122,161)
```
#7c88ab
```
#7c88ab rgb(124,136,171)
```
#8b96b5
```
#8b96b5 rgb(139,150,181)
```
#9ba4bf
```
#9ba4bf rgb(155,164,191)
```
#abb2c9
```
#abb2c9 rgb(171,178,201)
```
#bac0d3
```
#bac0d3 rgb(186,192,211)
```
#cacedd
```
#cacedd rgb(202,206,221)
```

Monochromatic Color

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

#9badbf
```
#9badbf rgb(155,173,191)
```
#9baabf
```
#9baabf rgb(155,170,191)
```
#9ba7bf
```
#9ba7bf rgb(155,167,191)
```
#9ba4bf
```
#9ba4bf rgb(155,164,191)
```
#9ba1bf
```
#9ba1bf rgb(155,161,191)
```
#9b9ebf
```
#9b9ebf rgb(155,158,191)
```
#9b9bbf
```
#9b9bbf rgb(155,155,191)
```

Similar Colors

Text with hexadecimal color #9ba4bf

This text has a font color of #9ba4bf.

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

#9ba4bf background color

This paragraph has a background color of #9ba4bf.

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

#9ba4bf border color

This element has a border color of #9ba4bf.

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

CSS codes

.text {color:#9ba4bf;}

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

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

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)
```
#0d0e14
```
#0d0e14 rgb(13,14,20)
```
#141720
```
#141720 rgb(20,23,32)
```
#1c202c
```
#1c202c rgb(28,32,44)
```
#242937
```
#242937 rgb(36,41,55)
```
#2b3143
```
#2b3143 rgb(43,49,67)
```
#333a4f
```
#333a4f rgb(51,58,79)
```
#3a435b
```
#3a435b rgb(58,67,91)
```
#424b67
```
#424b67 rgb(66,75,103)
```
#4a5473
```
#4a5473 rgb(74,84,115)
```
#515d7f
```
#515d7f rgb(81,93,127)
```
#59668b
```
#59668b rgb(89,102,139)
```
#616e97
```
#616e97 rgb(97,110,151)
```

Shade Color Variation

#6b78a0
```
#6b78a0 rgb(107,120,160)
```
#7783a8
```
#7783a8 rgb(119,131,168)
```
#838eb0
```
#838eb0 rgb(131,142,176)
```
#8f99b7
```
#8f99b7 rgb(143,153,183)
```
#9ba4bf
```
#9ba4bf rgb(155,164,191)
```
#a7afc7
```
#a7afc7 rgb(167,175,199)
```
#b3bace
```
#b3bace rgb(179,186,206)
```
#bfc5d6
```
#bfc5d6 rgb(191,197,214)
```
#cbd0de
```
#cbd0de rgb(203,208,222)
```
#d7dae5
```
#d7dae5 rgb(215,218,229)
```
#e3e5ed
```
#e3e5ed rgb(227,229,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, #a8aab2 is the less saturated color, while #5c84fe is the most saturated one.

#a8aab2
```
#a8aab2 rgb(168,170,178)
```
#a1a7b9
```
#a1a7b9 rgb(161,167,185)
```
#9ba4bf
```
#9ba4bf rgb(155,164,191)
```
#95a1c5
```
#95a1c5 rgb(149,161,197)
```
#8e9ecc
```
#8e9ecc rgb(142,158,204)
```
#889bd2
```
#889bd2 rgb(136,155,210)
```
#8297d8
```
#8297d8 rgb(130,151,216)
```
#7b94df
```
#7b94df rgb(123,148,223)
```
#7591e5
```
#7591e5 rgb(117,145,229)
```
#6f8eeb
```
#6f8eeb rgb(111,142,235)
```
#698bf1
```
#698bf1 rgb(105,139,241)
```
#6288f8
```
#6288f8 rgb(98,136,248)
```
#5c84fe
```
#5c84fe rgb(92,132,254)
```

Tone Color Variation

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

Dichromacy

#a3a7c1 Protanopia 1% of men
#aba5c3 Deuteranopia 1% of men
#9daab7 Tritanopia 0.001% of the population

Trichromacy

#a0a6c0 Protanomaly 1% of men, 0.01% of women
#a5a4c1 Deuteranomaly 6% of men, 0.4% of women
#9ca8b9 Tritanomaly 0.01% of the population

#9ba4bf hex color

#9ba4bf Color Information

#9ba4bf Color Conversion

Color Schemes with #9ba4bf

Alternatives to #9ba4bf

#9ba4bf Preview

Shades and Tints of #9ba4bf

Tones of #9ba4bf

Color Blindness Simulator