#9ba0b4 hex color

In a RGB color space, hex #9ba0b4 is composed of 60.8% red, 62.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 11.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 228 degrees, a saturation of 14.3% and a lightness of 65.7%. #9ba0b4 color hex could be obtained by blending #ffffff with #374169. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 63
- B 71
RGB color chart
- C 14
- M 11
- Y 0
- K 29
CMYK color chart

● #9ba0b4 color description : Grayish blue.

The hexadecimal color #9ba0b4 has RGB values of R:155, G:160, B:180 and CMYK values of C:0.14, M:0.11, Y:0, K:0.29. Its decimal value is 10199220.

Hex triplet	9ba0b4	`#9ba0b4`
RGB Decimal	155, 160, 180	`rgb(155,160,180)`
RGB Percent	60.8, 62.7, 70.6	`rgb(60.8%,62.7%,70.6%)`
CMYK	14, 11, 0, 29
HSL	228°, 14.3, 65.7	`hsl(228,14.3%,65.7%)`
HSV (or HSB)	228°, 13.9, 70.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.063, 2.344, -10.941
XYZ	34.325, 35.405, 48.203
xyY	0.291, 0.3, 35.405
CIE-LCH	66.063, 11.19, 282.092
CIE-LUV	66.063, -3.833, -16.786
Hunter-Lab	59.502, -1.158, -6.38
Binary	10011011, 10100000, 10110100

#9ba0b4
```
#9ba0b4 rgb(155,160,180)
```
#b4af9b
```
#b4af9b rgb(180,175,155)
```

Complementary Color

#9badb4
```
#9badb4 rgb(155,173,180)
```
#9ba0b4
```
#9ba0b4 rgb(155,160,180)
```
#a39bb4
```
#a39bb4 rgb(163,155,180)
```

Analogous Color

#adb49b
```
#adb49b rgb(173,180,155)
```
#9ba0b4
```
#9ba0b4 rgb(155,160,180)
```
#b4a39b
```
#b4a39b rgb(180,163,155)
```

Split Complementary Color

#a0b49b
```
#a0b49b rgb(160,180,155)
```
#9ba0b4
```
#9ba0b4 rgb(155,160,180)
```
#b49ba0
```
#b49ba0 rgb(180,155,160)
```

Triadic Color

#9bb4af
```
#9bb4af rgb(155,180,175)
```
#9ba0b4
```
#9ba0b4 rgb(155,160,180)
```
#b49ba0
```
#b49ba0 rgb(180,155,160)
```
#b4af9b
```
#b4af9b rgb(180,175,155)
```

Tetradic Color

#6f7693
```
#6f7693 rgb(111,118,147)
```
#7e849e
```
#7e849e rgb(126,132,158)
```
#8c92a9
```
#8c92a9 rgb(140,146,169)
```
#9ba0b4
```
#9ba0b4 rgb(155,160,180)
```
#aaaebf
```
#aaaebf rgb(170,174,191)
```
#b8bcca
```
#b8bcca rgb(184,188,202)
```
#c7cad5
```
#c7cad5 rgb(199,202,213)
```

Monochromatic Color

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

#9ba6b4
```
#9ba6b4 rgb(155,166,180)
```
#9ba4b4
```
#9ba4b4 rgb(155,164,180)
```
#9ba2b4
```
#9ba2b4 rgb(155,162,180)
```
#9ba0b4
```
#9ba0b4 rgb(155,160,180)
```
#9b9eb4
```
#9b9eb4 rgb(155,158,180)
```
#9b9cb4
```
#9b9cb4 rgb(155,156,180)
```
#9c9bb4
```
#9c9bb4 rgb(156,155,180)
```

Similar Colors

Text with hexadecimal color #9ba0b4

This text has a font color of #9ba0b4.

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

#9ba0b4 background color

This paragraph has a background color of #9ba0b4.

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

#9ba0b4 border color

This element has a border color of #9ba0b4.

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

CSS codes

.text {color:#9ba0b4;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090a0c
```
#090a0c rgb(9,10,12)
```
#111317
```
#111317 rgb(17,19,23)
```
#1a1c23
```
#1a1c23 rgb(26,28,35)
```
#22252e
```
#22252e rgb(34,37,46)
```
#2b2e39
```
#2b2e39 rgb(43,46,57)
```
#333744
```
#333744 rgb(51,55,68)
```
#3c3f4f
```
#3c3f4f rgb(60,63,79)
```
#44485b
```
#44485b rgb(68,72,91)
```
#4c5166
```
#4c5166 rgb(76,81,102)
```
#555a71
```
#555a71 rgb(85,90,113)
```
#5d637c
```
#5d637c rgb(93,99,124)
```
#666c87
```
#666c87 rgb(102,108,135)
```

Shade Color Variation

#6e7592
```
#6e7592 rgb(110,117,146)
```
#79809b
```
#79809b rgb(121,128,155)
```
#858ba3
```
#858ba3 rgb(133,139,163)
```
#9095ac
```
#9095ac rgb(144,149,172)
```
#9ba0b4
```
#9ba0b4 rgb(155,160,180)
```
#a6abbc
```
#a6abbc rgb(166,171,188)
```
#b1b5c5
```
#b1b5c5 rgb(177,181,197)
```
#bdc0cd
```
#bdc0cd rgb(189,192,205)
```
#c8cbd6
```
#c8cbd6 rgb(200,203,214)
```
#d3d5de
```
#d3d5de rgb(211,213,222)
```
#dee0e6
```
#dee0e6 rgb(222,224,230)
```
#e9ebef
```
#e9ebef rgb(233,235,239)
```
#f5f5f7
```
#f5f5f7 rgb(245,245,247)
```

Tint Color Variation

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

#a2a4ad
```
#a2a4ad rgb(162,164,173)
```
#9ba0b4
```
#9ba0b4 rgb(155,160,180)
```
#949cbb
```
#949cbb rgb(148,156,187)
```
#8e98c1
```
#8e98c1 rgb(142,152,193)
```
#8794c8
```
#8794c8 rgb(135,148,200)
```
#8090cf
```
#8090cf rgb(128,144,207)
```
#798cd6
```
#798cd6 rgb(121,140,214)
```
#7388dc
```
#7388dc rgb(115,136,220)
```
#6c84e3
```
#6c84e3 rgb(108,132,227)
```
#6580ea
```
#6580ea rgb(101,128,234)
```
#5e7cf1
```
#5e7cf1 rgb(94,124,241)
```
#5878f7
```
#5878f7 rgb(88,120,247)
```
#5174fe
```
#5174fe rgb(81,116,254)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a0a1a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a4b7 Protanopia 1% of men
#aba1b9 Deuteranopia 1% of men
#9ea5b1 Tritanopia 0.001% of the population

Trichromacy

#9fa2b6 Protanomaly 1% of men, 0.01% of women
#a5a0b7 Deuteranomaly 6% of men, 0.4% of women
#9da3b2 Tritanomaly 0.01% of the population

#9ba0b4 hex color

#9ba0b4 Color Information

#9ba0b4 Color Conversion

Color Schemes with #9ba0b4

Alternatives to #9ba0b4

#9ba0b4 Preview

Shades and Tints of #9ba0b4

Tones of #9ba0b4

Color Blindness Simulator