#9ba9be hex color

In a RGB color space, hex #9ba9be is composed of 60.8% red, 66.3% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 11.1% magenta, 0% yellow and 25.5% black. It has a hue angle of 216 degrees, a saturation of 21.2% and a lightness of 67.6%. #9ba9be color hex could be obtained by blending #ffffff with #37537d. Closest websafe color is: #9999cc.

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

● #9ba9be color description : Grayish blue.

The hexadecimal color #9ba9be has RGB values of R:155, G:169, B:190 and CMYK values of C:0.18, M:0.11, Y:0, K:0.25. Its decimal value is 10201534.

Hex triplet	9ba9be	`#9ba9be`
RGB Decimal	155, 169, 190	`rgb(155,169,190)`
RGB Percent	60.8, 66.3, 74.5	`rgb(60.8%,66.3%,74.5%)`
CMYK	18, 11, 0, 25
HSL	216°, 21.2, 67.6	`hsl(216,21.2%,67.6%)`
HSV (or HSB)	216°, 18.4, 74.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.796, -0.424, -12.405
XYZ	36.998, 39.062, 54.303
xyY	0.284, 0.3, 39.062
CIE-LCH	68.796, 12.413, 268.043
CIE-LUV	68.796, -8.509, -18.754
Hunter-Lab	62.499, -3.707, -7.765
Binary	10011011, 10101001, 10111110

#9ba9be
```
#9ba9be rgb(155,169,190)
```
#beb09b
```
#beb09b rgb(190,176,155)
```

Complementary Color

#9bbbbe
```
#9bbbbe rgb(155,187,190)
```
#9ba9be
```
#9ba9be rgb(155,169,190)
```
#9f9bbe
```
#9f9bbe rgb(159,155,190)
```

Analogous Color

#bbbe9b
```
#bbbe9b rgb(187,190,155)
```
#9ba9be
```
#9ba9be rgb(155,169,190)
```
#be9f9b
```
#be9f9b rgb(190,159,155)
```

Split Complementary Color

#a9be9b
```
#a9be9b rgb(169,190,155)
```
#9ba9be
```
#9ba9be rgb(155,169,190)
```
#be9ba9
```
#be9ba9 rgb(190,155,169)
```

Triadic Color

#9bbeb0
```
#9bbeb0 rgb(155,190,176)
```
#9ba9be
```
#9ba9be rgb(155,169,190)
```
#be9ba9
```
#be9ba9 rgb(190,155,169)
```
#beb09b
```
#beb09b rgb(190,176,155)
```

Tetradic Color

#6d81a0
```
#6d81a0 rgb(109,129,160)
```
#7c8eaa
```
#7c8eaa rgb(124,142,170)
```
#8c9cb4
```
#8c9cb4 rgb(140,156,180)
```
#9ba9be
```
#9ba9be rgb(155,169,190)
```
#aab6c8
```
#aab6c8 rgb(170,182,200)
```
#bac4d2
```
#bac4d2 rgb(186,196,210)
```
#c9d1dc
```
#c9d1dc rgb(201,209,220)
```

Monochromatic Color

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

#9bb2be
```
#9bb2be rgb(155,178,190)
```
#9bafbe
```
#9bafbe rgb(155,175,190)
```
#9bacbe
```
#9bacbe rgb(155,172,190)
```
#9ba9be
```
#9ba9be rgb(155,169,190)
```
#9ba6be
```
#9ba6be rgb(155,166,190)
```
#9ba3be
```
#9ba3be rgb(155,163,190)
```
#9ba0be
```
#9ba0be rgb(155,160,190)
```

Similar Colors

Text with hexadecimal color #9ba9be

This text has a font color of #9ba9be.

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

#9ba9be background color

This paragraph has a background color of #9ba9be.

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

#9ba9be border color

This element has a border color of #9ba9be.

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

CSS codes

.text {color:#9ba9be;}

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

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

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

#050607
```
#050607 rgb(5,6,7)
```
#0c0f13
```
#0c0f13 rgb(12,15,19)
```
#14181f
```
#14181f rgb(20,24,31)
```
#1c222b
```
#1c222b rgb(28,34,43)
```
#232b37
```
#232b37 rgb(35,43,55)
```
#2b3442
```
#2b3442 rgb(43,52,66)
```
#333e4e
```
#333e4e rgb(51,62,78)
```
#3b475a
```
#3b475a rgb(59,71,90)
```
#425166
```
#425166 rgb(66,81,102)
```
#4a5a72
```
#4a5a72 rgb(74,90,114)
```
#52637e
```
#52637e rgb(82,99,126)
```
#5a6d8a
```
#5a6d8a rgb(90,109,138)
```
#617696
```
#617696 rgb(97,118,150)
```

Shade Color Variation

#6b809f
```
#6b809f rgb(107,128,159)
```
#778aa7
```
#778aa7 rgb(119,138,167)
```
#8395af
```
#8395af rgb(131,149,175)
```
#8f9fb6
```
#8f9fb6 rgb(143,159,182)
```
#9ba9be
```
#9ba9be rgb(155,169,190)
```
#a7b3c6
```
#a7b3c6 rgb(167,179,198)
```
#b3bdcd
```
#b3bdcd rgb(179,189,205)
```
#bfc8d5
```
#bfc8d5 rgb(191,200,213)
```
#cbd2dd
```
#cbd2dd rgb(203,210,221)
```
#d6dce5
```
#d6dce5 rgb(214,220,229)
```
#e2e6ec
```
#e2e6ec rgb(226,230,236)
```
#eef1f4
```
#eef1f4 rgb(238,241,244)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#a8acb1
```
#a8acb1 rgb(168,172,177)
```
#a1aab8
```
#a1aab8 rgb(161,170,184)
```
#9ba9be
```
#9ba9be rgb(155,169,190)
```
#95a8c4
```
#95a8c4 rgb(149,168,196)
```
#8ea6cb
```
#8ea6cb rgb(142,166,203)
```
#88a5d1
```
#88a5d1 rgb(136,165,209)
```
#82a4d7
```
#82a4d7 rgb(130,164,215)
```
#7ba3de
```
#7ba3de rgb(123,163,222)
```
#75a1e4
```
#75a1e4 rgb(117,161,228)
```
#6fa0ea
```
#6fa0ea rgb(111,160,234)
```
#689ff1
```
#689ff1 rgb(104,159,241)
```
#629ef7
```
#629ef7 rgb(98,158,247)
```
#5c9cfd
```
#5c9cfd rgb(92,156,253)
```

Tone Color Variation

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

#a9abc0 Protanopia 1% of men
#b1a8c3 Deuteranopia 1% of men
#9eaebb Tritanopia 0.001% of the population

Trichromacy

#a3aabf Protanomaly 1% of men, 0.01% of women
#a9a8c1 Deuteranomaly 6% of men, 0.4% of women
#9dacbc Tritanomaly 0.01% of the population

#9ba9be hex color

#9ba9be Color Information

#9ba9be Color Conversion

Color Schemes with #9ba9be

Alternatives to #9ba9be

#9ba9be Preview

Shades and Tints of #9ba9be

Tones of #9ba9be

Color Blindness Simulator