#9ba0b2 hex color

In a RGB color space, hex #9ba0b2 is composed of 60.8% red, 62.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 12.9% cyan, 10.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 227 degrees, a saturation of 13% and a lightness of 65.3%. #9ba0b2 color hex could be obtained by blending #ffffff with #374165. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 61
- G 63
- B 70
RGB color chart
- C 13
- M 10
- Y 0
- K 30
CMYK color chart

● #9ba0b2 color description : Dark grayish blue.

The hexadecimal color #9ba0b2 has RGB values of R:155, G:160, B:178 and CMYK values of C:0.13, M:0.1, Y:0, K:0.3. Its decimal value is 10199218.

Hex triplet	9ba0b2	`#9ba0b2`
RGB Decimal	155, 160, 178	`rgb(155,160,178)`
RGB Percent	60.8, 62.7, 69.8	`rgb(60.8%,62.7%,69.8%)`
CMYK	13, 10, 0, 30
HSL	227°, 13, 65.3	`hsl(227,13%,65.3%)`
HSV (or HSB)	227°, 12.9, 69.8
Web Safe	999999	`#999999`

CIE-LAB	66, 1.913, -9.918
XYZ	34.123, 35.324, 47.138
xyY	0.293, 0.303, 35.324
CIE-LCH	66, 10.101, 280.917
CIE-LUV	66, -3.728, -15.138
Hunter-Lab	59.434, -1.528, -5.419
Binary	10011011, 10100000, 10110010

#9ba0b2
```
#9ba0b2 rgb(155,160,178)
```
#b2ad9b
```
#b2ad9b rgb(178,173,155)
```

Complementary Color

#9bacb2
```
#9bacb2 rgb(155,172,178)
```
#9ba0b2
```
#9ba0b2 rgb(155,160,178)
```
#a29bb2
```
#a29bb2 rgb(162,155,178)
```

Analogous Color

#acb29b
```
#acb29b rgb(172,178,155)
```
#9ba0b2
```
#9ba0b2 rgb(155,160,178)
```
#b2a29b
```
#b2a29b rgb(178,162,155)
```

Split Complementary Color

#a0b29b
```
#a0b29b rgb(160,178,155)
```
#9ba0b2
```
#9ba0b2 rgb(155,160,178)
```
#b29ba0
```
#b29ba0 rgb(178,155,160)
```

Triadic Color

#9bb2ad
```
#9bb2ad rgb(155,178,173)
```
#9ba0b2
```
#9ba0b2 rgb(155,160,178)
```
#b29ba0
```
#b29ba0 rgb(178,155,160)
```
#b2ad9b
```
#b2ad9b rgb(178,173,155)
```

Tetradic Color

#707791
```
#707791 rgb(112,119,145)
```
#7e859c
```
#7e859c rgb(126,133,156)
```
#8d92a7
```
#8d92a7 rgb(141,146,167)
```
#9ba0b2
```
#9ba0b2 rgb(155,160,178)
```
#a9aebd
```
#a9aebd rgb(169,174,189)
```
#b8bbc8
```
#b8bbc8 rgb(184,187,200)
```
#c6c9d3
```
#c6c9d3 rgb(198,201,211)
```

Monochromatic Color

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

#9ba6b2
```
#9ba6b2 rgb(155,166,178)
```
#9ba4b2
```
#9ba4b2 rgb(155,164,178)
```
#9ba2b2
```
#9ba2b2 rgb(155,162,178)
```
#9ba0b2
```
#9ba0b2 rgb(155,160,178)
```
#9b9eb2
```
#9b9eb2 rgb(155,158,178)
```
#9b9cb2
```
#9b9cb2 rgb(155,156,178)
```
#9c9bb2
```
#9c9bb2 rgb(156,155,178)
```

Similar Colors

Text with hexadecimal color #9ba0b2

This text has a font color of #9ba0b2.

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

#9ba0b2 background color

This paragraph has a background color of #9ba0b2.

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

#9ba0b2 border color

This element has a border color of #9ba0b2.

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

CSS codes

.text {color:#9ba0b2;}

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

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

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, #08090b is the darkest color, while #ffffff is the lightest one.

#08090b
```
#08090b rgb(8,9,11)
```
#111216
```
#111216 rgb(17,18,22)
```
#191b21
```
#191b21 rgb(25,27,33)
```
#22242c
```
#22242c rgb(34,36,44)
```
#2a2d37
```
#2a2d37 rgb(42,45,55)
```
#333642
```
#333642 rgb(51,54,66)
```
#3c3f4d
```
#3c3f4d rgb(60,63,77)
```
#444858
```
#444858 rgb(68,72,88)
```
#4d5263
```
#4d5263 rgb(77,82,99)
```
#555b6f
```
#555b6f rgb(85,91,111)
```
#5e647a
```
#5e647a rgb(94,100,122)
```
#666d85
```
#666d85 rgb(102,109,133)
```
#6f7690
```
#6f7690 rgb(111,118,144)
```

Shade Color Variation

#7a8098
```
#7a8098 rgb(122,128,152)
```
#858ba1
```
#858ba1 rgb(133,139,161)
```
#9095a9
```
#9095a9 rgb(144,149,169)
```
#9ba0b2
```
#9ba0b2 rgb(155,160,178)
```
#a6abbb
```
#a6abbb rgb(166,171,187)
```
#b1b5c3
```
#b1b5c3 rgb(177,181,195)
```
#bcc0cc
```
#bcc0cc rgb(188,192,204)
```
#c7cad4
```
#c7cad4 rgb(199,202,212)
```
#d2d5dd
```
#d2d5dd rgb(210,213,221)
```
#dddfe5
```
#dddfe5 rgb(221,223,229)
```
#e9eaee
```
#e9eaee rgb(233,234,238)
```
#f4f4f6
```
#f4f4f6 rgb(244,244,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a2a4ab
```
#a2a4ab rgb(162,164,171)
```
#9ba0b2
```
#9ba0b2 rgb(155,160,178)
```
#949cb9
```
#949cb9 rgb(148,156,185)
```
#8d98c0
```
#8d98c0 rgb(141,152,192)
```
#8794c6
```
#8794c6 rgb(135,148,198)
```
#8091cd
```
#8091cd rgb(128,145,205)
```
#798dd4
```
#798dd4 rgb(121,141,212)
```
#7289db
```
#7289db rgb(114,137,219)
```
#6b85e2
```
#6b85e2 rgb(107,133,226)
```
#6581e8
```
#6581e8 rgb(101,129,232)
```
#5e7def
```
#5e7def rgb(94,125,239)
```
#577af6
```
#577af6 rgb(87,122,246)
```
#5076fd
```
#5076fd rgb(80,118,253)
```

Tone Color Variation

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

Dichromacy

#a3a4b5 Protanopia 1% of men
#aba1b7 Deuteranopia 1% of men
#9fa5b1 Tritanopia 0.001% of the population

Trichromacy

#a0a2b4 Protanomaly 1% of men, 0.01% of women
#a5a0b5 Deuteranomaly 6% of men, 0.4% of women
#9da3b1 Tritanomaly 0.01% of the population

#9ba0b2 hex color

#9ba0b2 Color Information

#9ba0b2 Color Conversion

Color Schemes with #9ba0b2

Alternatives to #9ba0b2

#9ba0b2 Preview

Shades and Tints of #9ba0b2

Tones of #9ba0b2

Color Blindness Simulator