#9ba9b0 hex color

In a RGB color space, hex #9ba9b0 is composed of 60.8% red, 66.3% green and 69% blue. Whereas in a CMYK color space, it is composed of 11.9% cyan, 4% magenta, 0% yellow and 31% black. It has a hue angle of 200 degrees, a saturation of 11.7% and a lightness of 64.9%. #9ba9b0 color hex could be obtained by blending #ffffff with #375361. Closest websafe color is: #999999.

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

● #9ba9b0 color description : Dark grayish blue.

The hexadecimal color #9ba9b0 has RGB values of R:155, G:169, B:176 and CMYK values of C:0.12, M:0.04, Y:0, K:0.31. Its decimal value is 10201520.

Hex triplet	9ba9b0	`#9ba9b0`
RGB Decimal	155, 169, 176	`rgb(155,169,176)`
RGB Percent	60.8, 66.3, 69	`rgb(60.8%,66.3%,69%)`
CMYK	12, 4, 0, 31
HSL	200°, 11.7, 64.9	`hsl(200,11.7%,64.9%)`
HSV (or HSB)	200°, 11.9, 69
Web Safe	999999	`#999999`

CIE-LAB	68.372, -3.455, -5.28
XYZ	35.54, 38.479, 46.627
xyY	0.295, 0.319, 38.479
CIE-LCH	68.372, 6.31, 236.805
CIE-LUV	68.372, -7.951, -7.278
Hunter-Lab	62.031, -6.284, -1.144
Binary	10011011, 10101001, 10110000

#9ba9b0
```
#9ba9b0 rgb(155,169,176)
```
#b0a29b
```
#b0a29b rgb(176,162,155)
```

Complementary Color

#9bb0ad
```
#9bb0ad rgb(155,176,173)
```
#9ba9b0
```
#9ba9b0 rgb(155,169,176)
```
#9b9fb0
```
#9b9fb0 rgb(155,159,176)
```

Analogous Color

#b0ad9b
```
#b0ad9b rgb(176,173,155)
```
#9ba9b0
```
#9ba9b0 rgb(155,169,176)
```
#b09b9f
```
#b09b9f rgb(176,155,159)
```

Split Complementary Color

#a9b09b
```
#a9b09b rgb(169,176,155)
```
#9ba9b0
```
#9ba9b0 rgb(155,169,176)
```
#b09ba9
```
#b09ba9 rgb(176,155,169)
```

Triadic Color

#9bb0a2
```
#9bb0a2 rgb(155,176,162)
```
#9ba9b0
```
#9ba9b0 rgb(155,169,176)
```
#b09ba9
```
#b09ba9 rgb(176,155,169)
```
#b0a29b
```
#b0a29b rgb(176,162,155)
```

Tetradic Color

#70848e
```
#70848e rgb(112,132,142)
```
#7f9099
```
#7f9099 rgb(127,144,153)
```
#8d9da5
```
#8d9da5 rgb(141,157,165)
```
#9ba9b0
```
#9ba9b0 rgb(155,169,176)
```
#a9b5bb
```
#a9b5bb rgb(169,181,187)
```
#b7c2c7
```
#b7c2c7 rgb(183,194,199)
```
#c6ced2
```
#c6ced2 rgb(198,206,210)
```

Monochromatic Color

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

#9baeb0
```
#9baeb0 rgb(155,174,176)
```
#9badb0
```
#9badb0 rgb(155,173,176)
```
#9babb0
```
#9babb0 rgb(155,171,176)
```
#9ba9b0
```
#9ba9b0 rgb(155,169,176)
```
#9ba7b0
```
#9ba7b0 rgb(155,167,176)
```
#9ba6b0
```
#9ba6b0 rgb(155,166,176)
```
#9ba4b0
```
#9ba4b0 rgb(155,164,176)
```

Similar Colors

Text with hexadecimal color #9ba9b0

This text has a font color of #9ba9b0.

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

#9ba9b0 background color

This paragraph has a background color of #9ba9b0.

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

#9ba9b0 border color

This element has a border color of #9ba9b0.

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

CSS codes

.text {color:#9ba9b0;}

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

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

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)
```
#101315
```
#101315 rgb(16,19,21)
```
#191d1f
```
#191d1f rgb(25,29,31)
```
#22272a
```
#22272a rgb(34,39,42)
```
#2a3235
```
#2a3235 rgb(42,50,53)
```
#333c40
```
#333c40 rgb(51,60,64)
```
#3c464b
```
#3c464b rgb(60,70,75)
```
#445056
```
#445056 rgb(68,80,86)
```
#4d5a61
```
#4d5a61 rgb(77,90,97)
```
#55656c
```
#55656c rgb(85,101,108)
```
#5e6f77
```
#5e6f77 rgb(94,111,119)
```
#677982
```
#677982 rgb(103,121,130)
```
#6f838d
```
#6f838d rgb(111,131,141)
```

Shade Color Variation

#7a8d96
```
#7a8d96 rgb(122,141,150)
```
#85969f
```
#85969f rgb(133,150,159)
```
#90a0a7
```
#90a0a7 rgb(144,160,167)
```
#9ba9b0
```
#9ba9b0 rgb(155,169,176)
```
#a6b2b9
```
#a6b2b9 rgb(166,178,185)
```
#b1bcc1
```
#b1bcc1 rgb(177,188,193)
```
#bcc5ca
```
#bcc5ca rgb(188,197,202)
```
#c7cfd3
```
#c7cfd3 rgb(199,207,211)
```
#d2d8db
```
#d2d8db rgb(210,216,219)
```
#dde2e4
```
#dde2e4 rgb(221,226,228)
```
#e8ebed
```
#e8ebed rgb(232,235,237)
```
#f3f4f5
```
#f3f4f5 rgb(243,244,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#a2a7a9
```
#a2a7a9 rgb(162,167,169)
```
#9ba9b0
```
#9ba9b0 rgb(155,169,176)
```
#94abb7
```
#94abb7 rgb(148,171,183)
```
#8daebe
```
#8daebe rgb(141,174,190)
```
#86b0c5
```
#86b0c5 rgb(134,176,197)
```
#7fb2cc
```
#7fb2cc rgb(127,178,204)
```
#79b4d2
```
#79b4d2 rgb(121,180,210)
```
#72b7d9
```
#72b7d9 rgb(114,183,217)
```
#6bb9e0
```
#6bb9e0 rgb(107,185,224)
```
#64bbe7
```
#64bbe7 rgb(100,187,231)
```
#5dbeee
```
#5dbeee rgb(93,190,238)
```
#56c0f5
```
#56c0f5 rgb(86,192,245)
```
#4fc2fc
```
#4fc2fc rgb(79,194,252)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a4a7a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abaab2 Protanopia 1% of men
#b5a6b6 Deuteranopia 1% of men
#a1acb9 Tritanopia 0.001% of the population

Trichromacy

#a5a9b1 Protanomaly 1% of men, 0.01% of women
#aca7b4 Deuteranomaly 6% of men, 0.4% of women
#9eabb5 Tritanomaly 0.01% of the population

#9ba9b0 hex color

#9ba9b0 Color Information

#9ba9b0 Color Conversion

Color Schemes with #9ba9b0

Alternatives to #9ba9b0

#9ba9b0 Preview

Shades and Tints of #9ba9b0

Tones of #9ba9b0

Color Blindness Simulator